From 78faf2e968ad12c8c414fddb87e68f2912589fca Mon Sep 17 00:00:00 2001
From: TDesign bot <93915689+tdesign-bot@users.noreply.github.com>
Date: Mon, 23 Mar 2026 19:13:49 +0800
Subject: [PATCH 01/27] =?UTF-8?q?feat(ImageViewer):=20=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=A7=86=E5=8F=A3=E4=B9=8B=E5=A4=96=E5=9B=BE=E7=89=87=E5=90=91?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common                               |   2 +-
 .../image-viewer/ImageViewerModal.tsx         | 127 ++++++++++++++--
 .../image-viewer/hooks/usePosition.ts         |  12 +-
 .../components/image-viewer/hooks/useScale.ts | 136 +++++++++++++-----
 packages/tdesign-react/site/site.config.mjs   |   3 +-
 5 files changed, 233 insertions(+), 47 deletions(-)

diff --git a/packages/common b/packages/common
index 34f344aa14..d73d63dcbf 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit 34f344aa14d6917ce0159b575754a2eef6a82ef9
+Subproject commit d73d63dcbf9202b83798ca84f09c89672e660b74
diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 882102fd8c..9b44e27f6a 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isArray, isFunction } from 'lodash-es';
 import {
@@ -20,14 +20,45 @@ import { ImageModalMini } from './ImageViewerMini';
 import useIconMap from './hooks/useIconMap';
 import useIndex from './hooks/useIndex';
 import useMirror from './hooks/useMirror';
-import usePosition from './hooks/usePosition';
+import usePosition, { PositionType } from './hooks/usePosition';
 import useRotate from './hooks/useRotate';
-import useScale from './hooks/useScale';
+import useScale, { type UseScaleOptions } from './hooks/useScale';
 
 import type { TNode } from '../common';
 import type { ImageViewerProps } from './ImageViewer';
 import type { ImageInfo, ImageScale, ImageViewerScale, TdImageViewerProps } from './type';
 
+/** 向中心缩放动画时长（ms） */
+const ZOOM_TO_CENTER_DURATION = 150;
+
+/** 检测图片是否超出视口 */
+const isImageExceedsViewport = (container: HTMLDivElement, modalBox: HTMLDivElement): boolean => {
+  const containerRect = container.getBoundingClientRect();
+  const modalRect = modalBox.getBoundingClientRect();
+  return (
+    modalRect.left < containerRect.left ||
+    modalRect.right > containerRect.right ||
+    modalRect.top < containerRect.top ||
+    modalRect.bottom > containerRect.bottom
+  );
+};
+
+/** ImageModalItem 暴露给父组件的接口 */
+export interface ImageModalItemRef {
+  /** modal-box 容器 DOM 引用 */
+  modalBoxRef: React.RefObject<HTMLDivElement>;
+  /** 当前位移 */
+  position: PositionType;
+  /** 设置位移 */
+  setPosition: React.Dispatch<React.SetStateAction<PositionType>>;
+  /** 重置位移 */
+  resetPosition: () => void;
+  /** 是否正在拖拽 */
+  isDragging: boolean;
+  /** 设置是否正在缩放向中心动画 */
+  setIsZoomingToCenter: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
 const ImageError = ({ errorText }: { errorText: string }) => {
   const { classPrefix } = useConfig();
   const { ImageErrorIcon } = useGlobalIcon({ ImageErrorIcon: TdImageErrorIcon });
@@ -55,7 +86,7 @@ interface ImageModalItemProps {
 }
 
 // 单个弹窗实例
-export const ImageModalItem: React.FC<ImageModalItemProps> = ({
+export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItemProps>(({
   rotateZ,
   scale,
   src,
@@ -65,14 +96,17 @@ export const ImageModalItem: React.FC<ImageModalItemProps> = ({
   imageReferrerpolicy,
   isSvg,
   innerClassName,
-}) => {
+}, ref) => {
   const { classPrefix } = useConfig();
 
   const imgRef = useRef<HTMLImageElement>(null);
   const svgRef = useRef<HTMLDivElement>(null);
+  const modalBoxRef = useRef<HTMLDivElement>(null);
 
   const [loaded, setLoaded] = useState(false);
   const [error, setError] = useState(false);
+  // 是否正在进行向中心缩放动画
+  const [isZoomingToCenter, setIsZoomingToCenter] = useState(false);
 
   const imgStyle = {
     transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
@@ -86,9 +120,23 @@ export const ImageModalItem: React.FC<ImageModalItemProps> = ({
     if (isSvg) return svgRef;
     return imgRef;
   }, [isSvg]);
-  const { position } = usePosition(displayRef);
+  const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
   const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };
-  const boxStyle = { transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)` };
+  // 只在非拖拽且正在向中心缩放时启用 transition
+  const boxStyle: React.CSSProperties = {
+    transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
+    ...(isZoomingToCenter && !isDragging ? { transition: `transform ${ZOOM_TO_CENTER_DURATION}ms ease-out` } : {}),
+  };
+
+  // 暴露内部状态，供父组件在缩放时读写 position
+  useImperativeHandle(ref, () => ({
+    modalBoxRef,
+    position,
+    setPosition,
+    resetPosition,
+    isDragging,
+    setIsZoomingToCenter,
+  }), [position, resetPosition, isDragging]);
 
   const createSvgShadow = async (url: string) => {
     const response = await fetch(url);
@@ -148,7 +196,7 @@ export const ImageModalItem: React.FC<ImageModalItemProps> = ({
 
   return (
     <div className={classNames(`${classPrefix}-image-viewer__modal-pic`, innerClassName)}>
-      <div className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>
+      <div ref={modalBoxRef} className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>
         {error && <ImageError errorText={errorText} />}
         {/* 预览图 */}
         {!error && !!preSrc && preSrcImagePreviewUrl && (
@@ -188,7 +236,9 @@ export const ImageModalItem: React.FC<ImageModalItemProps> = ({
       </div>
     </div>
   );
-};
+});
+
+ImageModalItem.displayName = 'ImageModalItem';
 
 // 旋转角度单位
 const ROTATE_COUNT = 90;
@@ -442,13 +492,68 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
 
   const { next, prev } = useIndex(props, images);
   const { rotateZ, onResetRotate, onRotate } = useRotate();
-  const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale, visible);
   const { mirror, onResetMirror, onMirror } = useMirror();
 
+  const containerRef = useRef<HTMLDivElement>(null);
+  const imageItemRef = useRef<ImageModalItemRef>(null);
+
+  // 自定义滚轮缩放处理：超出视口时向中心收敛
+  const handleWheelZoom = useCallback<NonNullable<UseScaleOptions['onWheelZoom']>>(
+    (e, { onZoomOut }) => {
+      const isZoomingOut = e.deltaY > 0;
+      // 仅处理缩小场景
+      if (!isZoomingOut) return false;
+
+      const container = containerRef.current;
+      const modalBox = imageItemRef.current?.modalBoxRef?.current;
+      // 图片未超出视口时，使用默认逻辑
+      if (!container || !modalBox || !isImageExceedsViewport(container, modalBox)) {
+        return false;
+      }
+
+      // 超出视口：以视口中心为基准，向中心收敛
+      const currentPosition = imageItemRef.current?.position ?? [0, 0];
+      const result = onZoomOut({
+        mouseOffsetX: 0,
+        mouseOffsetY: 0,
+        currentTranslate: {
+          translateX: currentPosition[0],
+          translateY: currentPosition[1],
+        },
+      });
+
+      if (result?.newTranslate) {
+        // 启用向中心缩放的 transition 动画
+        imageItemRef.current?.setIsZoomingToCenter?.(true);
+        imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
+
+        // 动画结束后关闭 transition（使用 once: true 自动移除监听器）
+        modalBox.addEventListener(
+          'transitionend',
+          () => imageItemRef.current?.setIsZoomingToCenter?.(false),
+          { once: true },
+        );
+
+        // 兜底：防止 transitionend 未触发（如动画被中断）
+        setTimeout(() => {
+          imageItemRef.current?.setIsZoomingToCenter?.(false);
+        }, ZOOM_TO_CENTER_DURATION + 50);
+      }
+
+      return true; // 已处理，不执行默认逻辑
+    },
+    [],
+  );
+
+  const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale, visible, {
+    onWheelZoom: handleWheelZoom,
+  });
+
   const onReset = useCallback(() => {
     onResetScale();
     onResetRotate();
     onResetMirror();
+    imageItemRef.current?.resetPosition?.();
   }, [onResetMirror, onResetScale, onResetRotate]);
 
   const onKeyDown = useCallback(
@@ -537,6 +642,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
 
   return (
     <div
+      ref={containerRef}
       className={classNames(
         `${classPrefix}-image-viewer-preview-image`,
         {
@@ -594,6 +700,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
       />
       {closeNode}
       <ImageModalItem
+        ref={imageItemRef}
         innerClassName={innerClassName}
         scale={scale}
         rotateZ={rotateZ}
diff --git a/packages/components/image-viewer/hooks/usePosition.ts b/packages/components/image-viewer/hooks/usePosition.ts
index de6d59eaa4..be6113aaa1 100644
--- a/packages/components/image-viewer/hooks/usePosition.ts
+++ b/packages/components/image-viewer/hooks/usePosition.ts
@@ -1,4 +1,4 @@
-import { useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 import useMouseEvent from '../../hooks/useMouseEvent';
 
 export type PositionType = [number, number];
@@ -11,12 +11,14 @@ const usePosition = (imgRef: React.RefObject<HTMLDivElement>, options?: Position
   const { initPosition = [0, 0] } = options || {};
 
   const [position, setPosition] = useState<PositionType>(initPosition);
+  const [isDragging, setIsDragging] = useState(false);
   const lastScreenPositionRef = useRef<{ x: number; y: number } | null>(null);
 
   useMouseEvent(imgRef, {
     onDown: (e) => {
       const { screenX, screenY } = e;
       lastScreenPositionRef.current = { x: screenX, y: screenY };
+      setIsDragging(true);
     },
     onMove: (e) => {
       if (!lastScreenPositionRef.current) return;
@@ -30,11 +32,19 @@ const usePosition = (imgRef: React.RefObject<HTMLDivElement>, options?: Position
     },
     onUp: () => {
       lastScreenPositionRef.current = null;
+      setIsDragging(false);
     },
   });
 
+  const resetPosition = useCallback(() => {
+    setPosition(initPosition);
+  }, [initPosition]);
+
   return {
     position,
+    setPosition,
+    resetPosition,
+    isDragging,
   };
 };
 
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 558f2d2b25..c9606d1a52 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,41 +1,106 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import type { ImageScale } from '../type';
 
-const useScale = (imageScale: ImageScale, visible: boolean) => {
+export interface ZoomOptions {
+  /** 缩放中心点 X 坐标（相对于预览图片容器中心的偏移量） */
+  mouseOffsetX?: number;
+  /** 缩放中心点 Y 坐标（相对于预览图片容器中心的偏移量） */
+  mouseOffsetY?: number;
+  /** 当前位移 */
+  currentTranslate?: { translateX: number; translateY: number };
+}
+
+export interface ZoomResult {
+  /** 缩放后的新位移 */
+  newTranslate?: { translateX: number; translateY: number };
+}
+
+export interface UseScaleOptions {
+  /** 自定义滚轮处理函数，返回 true 表示已处理，不执行默认逻辑 */
+  onWheelZoom?: (e: WheelEvent, handlers: { onZoom: () => void; onZoomOut: (options?: ZoomOptions) => ZoomResult }) => boolean;
+}
+
+/**
+ * 计算缩放后的位移补偿
+ * 公式：newTranslate = scaleRatio * T + (1 - scaleRatio) * Z
+ * 其中 Z 为缩放中心，T 为当前位移，scaleRatio = newScale / oldScale
+ */
+const calculateTranslateOffset = (
+  oldScale: number,
+  newScale: number,
+  options: ZoomOptions,
+): { translateX: number; translateY: number } | undefined => {
+  const { mouseOffsetX, mouseOffsetY, currentTranslate } = options;
+  // 缺少缩放中心信息时，不计算位移补偿
+  if (mouseOffsetX == null || mouseOffsetY == null) {
+    return undefined;
+  }
+
+  const scaleRatio = newScale / oldScale;
+  const { translateX = 0, translateY = 0 } = currentTranslate ?? {};
+
+  return {
+    translateX: scaleRatio * translateX + (1 - scaleRatio) * mouseOffsetX,
+    translateY: scaleRatio * translateY + (1 - scaleRatio) * mouseOffsetY,
+  };
+};
+
+const useScale = (imageScale: ImageScale, visible: boolean, options?: UseScaleOptions) => {
   const { max = Infinity, min = 0, step = 0.1, defaultScale = 1 } = imageScale;
 
   const calcDefaultScale = useCallback(() => Math.max(Math.min(defaultScale, max), min), [defaultScale, max, min]);
 
   const distance = useRef(0);
   const [scale, setScale] = useState(calcDefaultScale());
+  // 用 ref 追踪最新的 scale 值，以便同步计算位移补偿
+  const scaleRef = useRef(scale);
+
+  // 复用的 clamp 函数
+  const clamp = useCallback((value: number) => Math.max(min, Math.min(max, value)), [max, min]);
 
   const onZoom = useCallback(() => {
-    setScale((scale) => {
-      const newScale = scale + step;
-      if (newScale < min) return min;
-      if (newScale > max) return max;
-      return newScale;
-    });
-  }, [max, min, step]);
-
-  const onZoomOut = useCallback(() => {
-    setScale((scale) => {
-      const newScale = scale - step;
-      if (newScale < min) return min;
-      if (newScale > max) return max;
-      return newScale;
-    });
-  }, [max, min, step]);
+    const newScale = clamp(scaleRef.current + step);
+    scaleRef.current = newScale;
+    setScale(newScale);
+  }, [clamp, step]);
+
+  const onZoomOut = useCallback(
+    (zoomOptions?: ZoomOptions): ZoomResult => {
+      const currentScale = scaleRef.current;
+      const newScale = clamp(currentScale - step);
+
+      // 先计算位移补偿（使用同步的 scale 值）
+      const result: ZoomResult = zoomOptions
+        ? { newTranslate: calculateTranslateOffset(currentScale, newScale, zoomOptions) }
+        : {};
+
+      // 再更新 scale
+      scaleRef.current = newScale;
+      setScale(newScale);
+
+      return result;
+    },
+    [clamp, step],
+  );
 
   const onResetScale = useCallback(() => {
-    setScale(calcDefaultScale());
+    const defaultVal = calcDefaultScale();
+    scaleRef.current = defaultVal;
+    setScale(defaultVal);
   }, [calcDefaultScale]);
 
   // 鼠标滚轮缩放
-  const onWheel = useCallback((e: WheelEvent) => {
-    e.preventDefault();
-    e.deltaY < 0 ? onZoom() : onZoomOut();
-  }, [onZoom, onZoomOut]);
+  const onWheel = useCallback(
+    (e: WheelEvent) => {
+      e.preventDefault();
+      // 如果提供了自定义处理函数且返回 true，不执行默认逻辑
+      if (options?.onWheelZoom?.(e, { onZoom, onZoomOut })) {
+        return;
+      }
+      e.deltaY < 0 ? onZoom() : onZoomOut();
+    },
+    [onZoom, onZoomOut, options],
+  );
 
   // 双指缩放
   const onTouchStart = useCallback((e: TouchEvent) => {
@@ -45,18 +110,21 @@ const useScale = (imageScale: ImageScale, visible: boolean) => {
     distance.current = Math.hypot(touch2.pageX - touch1.pageX, touch2.pageY - touch1.pageY);
   }, []);
 
-  const onTouchMove = useCallback((e: TouchEvent) => {
-    if (e.touches.length !== 2) return;
-    e.preventDefault();
-    const [touch1, touch2] = Array.from(e.touches);
-    const currentDistance = Math.hypot(touch2.pageX - touch1.pageX, touch2.pageY - touch1.pageY);
-    if (currentDistance > distance.current) {
-      onZoom();
-    } else {
-      onZoomOut();
-    }
-    distance.current = currentDistance;
-  }, [onZoom, onZoomOut]);
+  const onTouchMove = useCallback(
+    (e: TouchEvent) => {
+      if (e.touches.length !== 2) return;
+      e.preventDefault();
+      const [touch1, touch2] = Array.from(e.touches);
+      const currentDistance = Math.hypot(touch2.pageX - touch1.pageX, touch2.pageY - touch1.pageY);
+      if (currentDistance > distance.current) {
+        onZoom();
+      } else {
+        onZoomOut();
+      }
+      distance.current = currentDistance;
+    },
+    [onZoom, onZoomOut],
+  );
 
   const onTouchEnd = useCallback(() => {
     distance.current = 0;
diff --git a/packages/tdesign-react/site/site.config.mjs b/packages/tdesign-react/site/site.config.mjs
index bb45df1ea8..baff073c06 100644
--- a/packages/tdesign-react/site/site.config.mjs
+++ b/packages/tdesign-react/site/site.config.mjs
@@ -41,7 +41,8 @@ export const docs = [
         titleEn: 'MCP',
         name: 'mcp',
         path: '/react/mcp',
-        redirect: 'https://cloud.tencent.com/developer/mcp/server/11721',
+        component: () => import('@tdesign/common/docs/mcp.md'),
+        componentEn: () => import('@tdesign/common/docs/mcp.en-US.md'),
       },
     ],
   },

From 51588afe689756308537e10f0b532eada86ce843 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Tue, 24 Mar 2026 16:14:50 +0800
Subject: [PATCH 02/27] fix(image-viewer): add setPosition to
 useImperativeHandle dependencies

Fix ESLint react-hooks/exhaustive-deps warning in ImageModalItem component.
---
 packages/components/image-viewer/ImageViewerModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 9b44e27f6a..f24d696e23 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -136,7 +136,7 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     resetPosition,
     isDragging,
     setIsZoomingToCenter,
-  }), [position, resetPosition, isDragging]);
+  }), [position, setPosition, resetPosition, isDragging]);
 
   const createSvgShadow = async (url: string) => {
     const response = await fetch(url);

From eab2410147d84cd4a583121f582f448c48736eb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Tue, 24 Mar 2026 18:01:13 +0800
Subject: [PATCH 03/27] =?UTF-8?q?fix(hooks):=20=E4=BF=AE=E5=A4=8D=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E4=BA=8B=E4=BB=B6=E7=9B=91=E5=90=AC=E5=99=A8=E7=9A=84?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/hooks/useMouseEvent.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/hooks/useMouseEvent.ts b/packages/components/hooks/useMouseEvent.ts
index 8ae321661f..9050cb3ffd 100644
--- a/packages/components/hooks/useMouseEvent.ts
+++ b/packages/components/hooks/useMouseEvent.ts
@@ -122,7 +122,7 @@ const useMouseEvent = (elementRef: React.RefObject<HTMLElement>, options: MouseE
 
     return () => {
       el.removeEventListener('mousedown', handleMouseDown);
-      el.removeEventListener('mouseenter', handleMouseDown);
+      el.removeEventListener('mouseenter', handleMouseEnter);
       el.removeEventListener('mouseleave', handleMouseLeave);
       el.removeEventListener('mousemove', handleMouseMove);
       el.removeEventListener('mouseup', handleMouseUp);

From 200fbe2e3319444f5aae831f5453e2cc14dc618f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 25 Mar 2026 19:13:38 +0800
Subject: [PATCH 04/27] =?UTF-8?q?chore:=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         | 363 +++++++++---------
 .../components/image-viewer/hooks/useScale.ts |   5 +-
 2 files changed, 181 insertions(+), 187 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index f24d696e23..4cdc6b1058 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -86,157 +86,153 @@ interface ImageModalItemProps {
 }
 
 // 单个弹窗实例
-export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItemProps>(({
-  rotateZ,
-  scale,
-  src,
-  preSrc,
-  mirror,
-  errorText,
-  imageReferrerpolicy,
-  isSvg,
-  innerClassName,
-}, ref) => {
-  const { classPrefix } = useConfig();
-
-  const imgRef = useRef<HTMLImageElement>(null);
-  const svgRef = useRef<HTMLDivElement>(null);
-  const modalBoxRef = useRef<HTMLDivElement>(null);
-
-  const [loaded, setLoaded] = useState(false);
-  const [error, setError] = useState(false);
-  // 是否正在进行向中心缩放动画
-  const [isZoomingToCenter, setIsZoomingToCenter] = useState(false);
-
-  const imgStyle = {
-    transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
-    display: !preSrc || loaded ? 'block' : 'none',
-  };
-
-  const { previewUrl: preSrcImagePreviewUrl } = useImagePreviewUrl(preSrc);
-  const { previewUrl: mainImagePreviewUrl } = useImagePreviewUrl(src);
-
-  const displayRef = useMemo(() => {
-    if (isSvg) return svgRef;
-    return imgRef;
-  }, [isSvg]);
-  const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
-  const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };
-  // 只在非拖拽且正在向中心缩放时启用 transition
-  const boxStyle: React.CSSProperties = {
-    transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
-    ...(isZoomingToCenter && !isDragging ? { transition: `transform ${ZOOM_TO_CENTER_DURATION}ms ease-out` } : {}),
-  };
+export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItemProps>(
+  ({ rotateZ, scale, src, preSrc, mirror, errorText, imageReferrerpolicy, isSvg, innerClassName }, ref) => {
+    const { classPrefix } = useConfig();
+
+    const imgRef = useRef<HTMLImageElement>(null);
+    const svgRef = useRef<HTMLDivElement>(null);
+    const modalBoxRef = useRef<HTMLDivElement>(null);
+
+    const [loaded, setLoaded] = useState(false);
+    const [error, setError] = useState(false);
+    // 是否正在进行向中心缩放动画
+    const [isZoomingToCenter, setIsZoomingToCenter] = useState(false);
+
+    const imgStyle = {
+      transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
+      display: !preSrc || loaded ? 'block' : 'none',
+    };
+
+    const { previewUrl: preSrcImagePreviewUrl } = useImagePreviewUrl(preSrc);
+    const { previewUrl: mainImagePreviewUrl } = useImagePreviewUrl(src);
+
+    const displayRef = useMemo(() => {
+      if (isSvg) return svgRef;
+      return imgRef;
+    }, [isSvg]);
+    const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
+    const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };
+    // 只在非拖拽且正在向中心缩放时启用 transition
+    const boxStyle: React.CSSProperties = {
+      transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
+      ...(isZoomingToCenter && !isDragging ? { transition: `transform ${ZOOM_TO_CENTER_DURATION}ms ease-out` } : {}),
+    };
+
+    // 暴露内部状态，供父组件在缩放时读写 position
+    useImperativeHandle(
+      ref,
+      () => ({
+        modalBoxRef,
+        position,
+        setPosition,
+        resetPosition,
+        isDragging,
+        setIsZoomingToCenter,
+      }),
+      [position, setPosition, resetPosition, isDragging],
+    );
 
-  // 暴露内部状态，供父组件在缩放时读写 position
-  useImperativeHandle(ref, () => ({
-    modalBoxRef,
-    position,
-    setPosition,
-    resetPosition,
-    isDragging,
-    setIsZoomingToCenter,
-  }), [position, setPosition, resetPosition, isDragging]);
-
-  const createSvgShadow = async (url: string) => {
-    const response = await fetch(url);
-    if (!response.ok) {
-      setError(true);
-      throw new Error(`Failed to fetch SVG: ${response.statusText}`);
-    }
+    const createSvgShadow = async (url: string) => {
+      const response = await fetch(url);
+      if (!response.ok) {
+        setError(true);
+        throw new Error(`Failed to fetch SVG: ${response.statusText}`);
+      }
 
-    const svgText = await response.text();
-
-    const element = svgRef.current;
-    element.innerHTML = '';
-    element.classList?.add(`${classPrefix}-image-viewer__modal-image-svg`);
-    const shadowRoot = element.attachShadow({ mode: 'closed' });
-
-    const container = document.createElement('div');
-    container.style.background = 'transparent';
-    container.innerHTML = svgText;
-    shadowRoot.appendChild(container);
-
-    const svgElement = container.querySelector('svg');
-    if (svgElement) {
-      const svgViewBox = svgElement.getAttribute('viewBox');
-      if (svgViewBox) {
-        const viewBoxValues = svgViewBox
-          .split(/[\s,]/)
-          .filter((v) => v)
-          .map(parseFloat);
-
-        // svg viewbox x(0) and y(1) offset, width(2) and height(3),eg
-        const svgViewBoxWidth = viewBoxValues[2];
-        const svgViewBoxHeight = viewBoxValues[3];
-        container.style.width = `${svgViewBoxWidth}px`;
-        container.style.height = `${svgViewBoxHeight}px`;
-      } else {
-        const bbox = svgElement.getBBox();
-        const calculatedViewBox = `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`;
-        svgElement.setAttribute('viewBox', calculatedViewBox);
-
-        container.style.width = `${bbox.width}px`;
-        container.style.height = `${bbox.height}px`;
+      const svgText = await response.text();
+
+      const element = svgRef.current;
+      element.innerHTML = '';
+      element.classList?.add(`${classPrefix}-image-viewer__modal-image-svg`);
+      const shadowRoot = element.attachShadow({ mode: 'closed' });
+
+      const container = document.createElement('div');
+      container.style.background = 'transparent';
+      container.innerHTML = svgText;
+      shadowRoot.appendChild(container);
+
+      const svgElement = container.querySelector('svg');
+      if (svgElement) {
+        const svgViewBox = svgElement.getAttribute('viewBox');
+        if (svgViewBox) {
+          const viewBoxValues = svgViewBox
+            .split(/[\s,]/)
+            .filter((v) => v)
+            .map(parseFloat);
+
+          // svg viewbox x(0) and y(1) offset, width(2) and height(3),eg
+          const svgViewBoxWidth = viewBoxValues[2];
+          const svgViewBoxHeight = viewBoxValues[3];
+          container.style.width = `${svgViewBoxWidth}px`;
+          container.style.height = `${svgViewBoxHeight}px`;
+        } else {
+          const bbox = svgElement.getBBox();
+          const calculatedViewBox = `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`;
+          svgElement.setAttribute('viewBox', calculatedViewBox);
+
+          container.style.width = `${bbox.width}px`;
+          container.style.height = `${bbox.height}px`;
+        }
       }
-    }
-    setLoaded(true);
-  };
+      setLoaded(true);
+    };
 
-  useEffect(() => {
-    setError(false);
-  }, [preSrcImagePreviewUrl, mainImagePreviewUrl]);
+    useEffect(() => {
+      setError(false);
+    }, [preSrcImagePreviewUrl, mainImagePreviewUrl]);
 
-  useEffect(() => {
-    if (isSvg && mainImagePreviewUrl) {
-      createSvgShadow(mainImagePreviewUrl);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [mainImagePreviewUrl]);
+    useEffect(() => {
+      if (isSvg && mainImagePreviewUrl) {
+        createSvgShadow(mainImagePreviewUrl);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [mainImagePreviewUrl]);
 
-  return (
-    <div className={classNames(`${classPrefix}-image-viewer__modal-pic`, innerClassName)}>
-      <div ref={modalBoxRef} className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>
-        {error && <ImageError errorText={errorText} />}
-        {/* 预览图 */}
-        {!error && !!preSrc && preSrcImagePreviewUrl && (
-          <img
-            className={`${classPrefix}-image-viewer__modal-image`}
-            src={preSrcImagePreviewUrl}
-            style={preImgStyle}
-            referrerPolicy={imageReferrerpolicy}
-            alt="image"
-            draggable="false"
-          />
-        )}
-        {/* 普通主图 */}
-        {!error && mainImagePreviewUrl && !isSvg && (
-          <img
-            ref={imgRef}
-            className={`${classPrefix}-image-viewer__modal-image`}
-            src={mainImagePreviewUrl}
-            style={imgStyle}
-            onLoad={() => setLoaded(true)}
-            onError={() => setError(true)}
-            referrerPolicy={imageReferrerpolicy}
-            alt="image"
-            draggable="false"
-          />
-        )}
-        {/* SVG 主图 */}
-        {!error && !!mainImagePreviewUrl && isSvg && (
-          <div
-            ref={svgRef}
-            className={`${classPrefix}-image-viewer__modal-image`}
-            style={imgStyle}
-            data-alt="svg"
-            draggable="false"
-          />
-        )}
+    return (
+      <div className={classNames(`${classPrefix}-image-viewer__modal-pic`, innerClassName)}>
+        <div ref={modalBoxRef} className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>
+          {error && <ImageError errorText={errorText} />}
+          {/* 预览图 */}
+          {!error && !!preSrc && preSrcImagePreviewUrl && (
+            <img
+              className={`${classPrefix}-image-viewer__modal-image`}
+              src={preSrcImagePreviewUrl}
+              style={preImgStyle}
+              referrerPolicy={imageReferrerpolicy}
+              alt="image"
+              draggable="false"
+            />
+          )}
+          {/* 普通主图 */}
+          {!error && mainImagePreviewUrl && !isSvg && (
+            <img
+              ref={imgRef}
+              className={`${classPrefix}-image-viewer__modal-image`}
+              src={mainImagePreviewUrl}
+              style={imgStyle}
+              onLoad={() => setLoaded(true)}
+              onError={() => setError(true)}
+              referrerPolicy={imageReferrerpolicy}
+              alt="image"
+              draggable="false"
+            />
+          )}
+          {/* SVG 主图 */}
+          {!error && !!mainImagePreviewUrl && isSvg && (
+            <div
+              ref={svgRef}
+              className={`${classPrefix}-image-viewer__modal-image`}
+              style={imgStyle}
+              data-alt="svg"
+              draggable="false"
+            />
+          )}
+        </div>
       </div>
-    </div>
-  );
-});
+    );
+  },
+);
 
 ImageModalItem.displayName = 'ImageModalItem';
 
@@ -498,52 +494,47 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
   // 自定义滚轮缩放处理：超出视口时向中心收敛
-  const handleWheelZoom = useCallback<NonNullable<UseScaleOptions['onWheelZoom']>>(
-    (e, { onZoomOut }) => {
-      const isZoomingOut = e.deltaY > 0;
-      // 仅处理缩小场景
-      if (!isZoomingOut) return false;
-
-      const container = containerRef.current;
-      const modalBox = imageItemRef.current?.modalBoxRef?.current;
-      // 图片未超出视口时，使用默认逻辑
-      if (!container || !modalBox || !isImageExceedsViewport(container, modalBox)) {
-        return false;
-      }
+  const handleWheelZoom = useCallback<NonNullable<UseScaleOptions['onWheelZoom']>>((e, { onZoomOut }) => {
+    const isZoomingOut = e.deltaY > 0;
+    // 仅处理缩小场景
+    if (!isZoomingOut) return false;
+
+    const container = containerRef.current;
+    const modalBox = imageItemRef.current?.modalBoxRef?.current;
+    // 图片未超出视口时，使用默认逻辑
+    if (!container || !modalBox || !isImageExceedsViewport(container, modalBox)) {
+      return false;
+    }
 
-      // 超出视口：以视口中心为基准，向中心收敛
-      const currentPosition = imageItemRef.current?.position ?? [0, 0];
-      const result = onZoomOut({
-        mouseOffsetX: 0,
-        mouseOffsetY: 0,
-        currentTranslate: {
-          translateX: currentPosition[0],
-          translateY: currentPosition[1],
-        },
+    // 超出视口：以视口中心为基准，向中心收敛
+    const currentPosition = imageItemRef.current?.position ?? [0, 0];
+    const result = onZoomOut({
+      mouseOffsetX: 0,
+      mouseOffsetY: 0,
+      currentTranslate: {
+        translateX: currentPosition[0],
+        translateY: currentPosition[1],
+      },
+    });
+
+    if (result?.newTranslate) {
+      // 启用向中心缩放的 transition 动画
+      imageItemRef.current?.setIsZoomingToCenter?.(true);
+      imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
+
+      // 动画结束后关闭 transition（使用 once: true 自动移除监听器）
+      modalBox.addEventListener('transitionend', () => imageItemRef.current?.setIsZoomingToCenter?.(false), {
+        once: true,
       });
 
-      if (result?.newTranslate) {
-        // 启用向中心缩放的 transition 动画
-        imageItemRef.current?.setIsZoomingToCenter?.(true);
-        imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
-
-        // 动画结束后关闭 transition（使用 once: true 自动移除监听器）
-        modalBox.addEventListener(
-          'transitionend',
-          () => imageItemRef.current?.setIsZoomingToCenter?.(false),
-          { once: true },
-        );
-
-        // 兜底：防止 transitionend 未触发（如动画被中断）
-        setTimeout(() => {
-          imageItemRef.current?.setIsZoomingToCenter?.(false);
-        }, ZOOM_TO_CENTER_DURATION + 50);
-      }
+      // 兜底：防止 transitionend 未触发（如动画被中断）
+      setTimeout(() => {
+        imageItemRef.current?.setIsZoomingToCenter?.(false);
+      }, ZOOM_TO_CENTER_DURATION + 50);
+    }
 
-      return true; // 已处理，不执行默认逻辑
-    },
-    [],
-  );
+    return true; // 已处理，不执行默认逻辑
+  }, []);
 
   const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale, visible, {
     onWheelZoom: handleWheelZoom,
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index c9606d1a52..ca20f9ddf8 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -17,7 +17,10 @@ export interface ZoomResult {
 
 export interface UseScaleOptions {
   /** 自定义滚轮处理函数，返回 true 表示已处理，不执行默认逻辑 */
-  onWheelZoom?: (e: WheelEvent, handlers: { onZoom: () => void; onZoomOut: (options?: ZoomOptions) => ZoomResult }) => boolean;
+  onWheelZoom?: (
+    e: WheelEvent,
+    handlers: { onZoom: () => void; onZoomOut: (options?: ZoomOptions) => ZoomResult },
+  ) => boolean;
 }
 
 /**

From d8ea865090bac696e84c4e70a3216bb23eb8e873 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 25 Mar 2026 19:43:01 +0800
Subject: [PATCH 05/27] =?UTF-8?q?fix(image-viewer):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=90=91=E4=B8=AD=E5=BF=83=E7=BC=A9=E6=94=BE=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=EF=BC=8C=E4=BD=BF=E7=94=A8=20CSS=20=E7=B1=BB?=
 =?UTF-8?q?=E5=90=8D=E9=A9=B1=E5=8A=A8=20transition?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common                               |  2 +-
 .../image-viewer/ImageViewerModal.tsx         | 64 ++++++++++++-------
 2 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/packages/common b/packages/common
index d73d63dcbf..076233fffc 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit d73d63dcbf9202b83798ca84f09c89672e660b74
+Subproject commit 076233fffcb0ab24d10831c668c07b5ade3bc1ae
diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 4cdc6b1058..40a4d3a369 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -28,9 +28,6 @@ import type { TNode } from '../common';
 import type { ImageViewerProps } from './ImageViewer';
 import type { ImageInfo, ImageScale, ImageViewerScale, TdImageViewerProps } from './type';
 
-/** 向中心缩放动画时长（ms） */
-const ZOOM_TO_CENTER_DURATION = 150;
-
 /** 检测图片是否超出视口 */
 const isImageExceedsViewport = (container: HTMLDivElement, modalBox: HTMLDivElement): boolean => {
   const containerRect = container.getBoundingClientRect();
@@ -55,8 +52,8 @@ export interface ImageModalItemRef {
   resetPosition: () => void;
   /** 是否正在拖拽 */
   isDragging: boolean;
-  /** 设置是否正在缩放向中心动画 */
-  setIsZoomingToCenter: React.Dispatch<React.SetStateAction<boolean>>;
+  /** 启用向中心缩放动画（CSS 类名驱动） */
+  enableTransition: () => void;
 }
 
 const ImageError = ({ errorText }: { errorText: string }) => {
@@ -96,8 +93,6 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
 
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(false);
-    // 是否正在进行向中心缩放动画
-    const [isZoomingToCenter, setIsZoomingToCenter] = useState(false);
 
     const imgStyle = {
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
@@ -113,12 +108,45 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     }, [isSvg]);
     const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
     const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };
-    // 只在非拖拽且正在向中心缩放时启用 transition
     const boxStyle: React.CSSProperties = {
       transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
-      ...(isZoomingToCenter && !isDragging ? { transition: `transform ${ZOOM_TO_CENTER_DURATION}ms ease-out` } : {}),
     };
 
+    // 动画类名，与 CSS 中 &--transitioning { transition: transform } 强关联
+    const transitioningClass = `${classPrefix}-image-viewer__modal-box--transitioning`;
+    const transitionEndHandlerRef = useRef<((e: TransitionEvent) => void) | null>(null);
+
+    // 清理监听器和类名
+    const cleanupTransition = useCallback(() => {
+      const modalBox = modalBoxRef.current;
+      if (transitionEndHandlerRef.current && modalBox) {
+        modalBox.removeEventListener('transitionend', transitionEndHandlerRef.current);
+      }
+      transitionEndHandlerRef.current = null;
+      modalBox?.classList.remove(transitioningClass);
+    }, [transitioningClass]);
+
+    // 启用向中心缩放动画：先加 CSS 类名启用 transition，再更新 transform 触发动画
+    const enableTransition = useCallback(() => {
+      const modalBox = modalBoxRef.current;
+      if (!modalBox) return;
+
+      cleanupTransition();
+      // 读取 offsetHeight 强制重绘，确保类名移除后再添加能触发新动画
+      const { offsetHeight } = modalBox;
+      if (offsetHeight < 0) return; // 永不执行，仅消除 unused 警告
+      modalBox.classList.add(transitioningClass);
+
+      const handleTransitionEnd = (e: TransitionEvent) => {
+        if (e.propertyName !== 'transform') return;
+        cleanupTransition();
+      };
+      transitionEndHandlerRef.current = handleTransitionEnd;
+      modalBox.addEventListener('transitionend', handleTransitionEnd);
+    }, [transitioningClass, cleanupTransition]);
+
+    useEffect(() => cleanupTransition, [cleanupTransition]);
+
     // 暴露内部状态，供父组件在缩放时读写 position
     useImperativeHandle(
       ref,
@@ -128,9 +156,9 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
         setPosition,
         resetPosition,
         isDragging,
-        setIsZoomingToCenter,
+        enableTransition,
       }),
-      [position, setPosition, resetPosition, isDragging],
+      [position, setPosition, resetPosition, isDragging, enableTransition],
     );
 
     const createSvgShadow = async (url: string) => {
@@ -518,19 +546,9 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
     });
 
     if (result?.newTranslate) {
-      // 启用向中心缩放的 transition 动画
-      imageItemRef.current?.setIsZoomingToCenter?.(true);
+      // 启用向中心缩放的 transition 动画（CSS 类名驱动）
+      imageItemRef.current?.enableTransition?.();
       imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
-
-      // 动画结束后关闭 transition（使用 once: true 自动移除监听器）
-      modalBox.addEventListener('transitionend', () => imageItemRef.current?.setIsZoomingToCenter?.(false), {
-        once: true,
-      });
-
-      // 兜底：防止 transitionend 未触发（如动画被中断）
-      setTimeout(() => {
-        imageItemRef.current?.setIsZoomingToCenter?.(false);
-      }, ZOOM_TO_CENTER_DURATION + 50);
     }
 
     return true; // 已处理，不执行默认逻辑

From 5bef6fa061eb31df3b46e0f778ca297fb2b5a65b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Tue, 31 Mar 2026 03:09:29 +0000
Subject: [PATCH 06/27] chore: update common

---
 packages/common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common b/packages/common
index 076233fffc..6fd64785d6 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit 076233fffcb0ab24d10831c668c07b5ade3bc1ae
+Subproject commit 6fd64785d61885e65b526bed1caafe0367771a72

From 7e401552b0f815759640b59a1a22bb9c114c6441 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Tue, 31 Mar 2026 12:33:06 +0800
Subject: [PATCH 07/27] feat(ImageViewer): refactor zoom/rotate/mirror utils to
 common package

---
 packages/common                               |   2 +-
 .../image-viewer/ImageViewerMini.tsx          |   2 +-
 .../image-viewer/ImageViewerModal.tsx         | 139 +++++++++-------
 .../image-viewer/hooks/constants.ts           |   9 ++
 .../image-viewer/hooks/useImageScale.ts       |   8 +-
 .../image-viewer/hooks/useMirror.ts           |   7 +-
 .../image-viewer/hooks/useRotate.ts           |  23 ++-
 .../components/image-viewer/hooks/useScale.ts | 150 +++++++-----------
 8 files changed, 164 insertions(+), 176 deletions(-)
 create mode 100644 packages/components/image-viewer/hooks/constants.ts

diff --git a/packages/common b/packages/common
index 6fd64785d6..c3623809a5 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit 6fd64785d61885e65b526bed1caafe0367771a72
+Subproject commit c3623809a53c0eb7ba4c422bba1de6515c985e13
diff --git a/packages/components/image-viewer/ImageViewerMini.tsx b/packages/components/image-viewer/ImageViewerMini.tsx
index cc46e61d8e..f7a3de148f 100644
--- a/packages/components/image-viewer/ImageViewerMini.tsx
+++ b/packages/components/image-viewer/ImageViewerMini.tsx
@@ -34,7 +34,7 @@ export interface ImageModalMiniProps {
   onZoom: () => void;
   onZoomOut: () => void;
   onReset: () => void;
-  onRotate: (red: number) => void;
+  onRotate: () => void;
   onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;
   innerClassName: TdImageViewerProps['innerClassName'];
 }
diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 40a4d3a369..6ccfd9fa45 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -9,6 +9,7 @@ import {
 } from 'tdesign-icons-react';
 
 import { downloadImage } from '@tdesign/common-js/image-viewer/utils';
+import { isImageExceedsViewport } from '@tdesign/common-js/image-viewer/transform';
 import { largeNumberToFixed } from '@tdesign/common-js/input-number/large-number';
 import useConfig from '../hooks/useConfig';
 import useGlobalIcon from '../hooks/useGlobalIcon';
@@ -22,30 +23,18 @@ import useIndex from './hooks/useIndex';
 import useMirror from './hooks/useMirror';
 import usePosition, { PositionType } from './hooks/usePosition';
 import useRotate from './hooks/useRotate';
-import useScale, { type UseScaleOptions } from './hooks/useScale';
+import useScale from './hooks/useScale';
 
 import type { TNode } from '../common';
 import type { ImageViewerProps } from './ImageViewer';
 import type { ImageInfo, ImageScale, ImageViewerScale, TdImageViewerProps } from './type';
 
-/** 检测图片是否超出视口 */
-const isImageExceedsViewport = (container: HTMLDivElement, modalBox: HTMLDivElement): boolean => {
-  const containerRect = container.getBoundingClientRect();
-  const modalRect = modalBox.getBoundingClientRect();
-  return (
-    modalRect.left < containerRect.left ||
-    modalRect.right > containerRect.right ||
-    modalRect.top < containerRect.top ||
-    modalRect.bottom > containerRect.bottom
-  );
-};
-
 /** ImageModalItem 暴露给父组件的接口 */
 export interface ImageModalItemRef {
   /** modal-box 容器 DOM 引用 */
   modalBoxRef: React.RefObject<HTMLDivElement>;
-  /** 当前位移 */
-  position: PositionType;
+  /** 当前位移（ref，始终最新） */
+  positionRef: React.RefObject<PositionType>;
   /** 设置位移 */
   setPosition: React.Dispatch<React.SetStateAction<PositionType>>;
   /** 重置位移 */
@@ -94,7 +83,11 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(false);
 
-    const imgStyle = {
+    // 双层 transform 架构（和旧版 React / Vue 保持一致）：
+    // - modal-image（内层）：rotateZ + scale → CSS 自带 transition: all 自动驱动平滑动画
+    // - modal-box（外层）：translate(拖拽位移) + scale(mirror, 1) → 位移和镜像
+    // 这样旋转/缩放变化由 CSS transition 自动做平滑过渡，无需手动管理动画时序。
+    const imgStyle: React.CSSProperties = {
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
       display: !preSrc || loaded ? 'block' : 'none',
     };
@@ -107,7 +100,15 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       return imgRef;
     }, [isSvg]);
     const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
-    const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };
+    // 用 ref 同步追踪最新位移，避免 useImperativeHandle 暴露的 position 是过时快照
+    const positionRef = useRef(position);
+    positionRef.current = position;
+
+    const preImgStyle: React.CSSProperties = {
+      transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
+      display: !loaded ? 'block' : 'none',
+    };
+    // modal-box 只管位移 + 镜像（无 CSS transition，拖拽时不需要动画延迟）
     const boxStyle: React.CSSProperties = {
       transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
     };
@@ -152,13 +153,13 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       ref,
       () => ({
         modalBoxRef,
-        position,
+        positionRef,
         setPosition,
         resetPosition,
         isDragging,
         enableTransition,
       }),
-      [position, setPosition, resetPosition, isDragging, enableTransition],
+      [setPosition, resetPosition, isDragging, enableTransition],
     );
 
     const createSvgShadow = async (url: string) => {
@@ -264,8 +265,6 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
 
 ImageModalItem.displayName = 'ImageModalItem';
 
-// 旋转角度单位
-const ROTATE_COUNT = 90;
 
 interface ImageModalIconProps {
   name?: string;
@@ -306,7 +305,7 @@ interface ImageViewerUtilsProps {
   };
   zIndex: number;
   onMirror: () => void;
-  onRotate: (ROTATE_COUNT: number) => void;
+  onRotate: () => void;
   onZoom: () => void;
   onZoomOut: () => void;
   onReset: () => void;
@@ -351,7 +350,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={() => onRotate(-ROTATE_COUNT)}>
+          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={() => onRotate()}>
             <RotationIcon size="medium" />
           </div>
         </TooltipLite>
@@ -521,42 +520,68 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
-  // 自定义滚轮缩放处理：超出视口时向中心收敛
-  const handleWheelZoom = useCallback<NonNullable<UseScaleOptions['onWheelZoom']>>((e, { onZoomOut }) => {
-    const isZoomingOut = e.deltaY > 0;
-    // 仅处理缩小场景
-    if (!isZoomingOut) return false;
+  const { scale, onZoom, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(
+    imageScale,
+    visible,
+  );
+
+  // 容器级滚轮缩放处理（原生事件版）
+  // ⚠️ 不能用 React 的 onWheel —— React 17+ 将 wheel 注册为 passive: true，
+  //    导致 e.preventDefault() 无效，无法阻止页面滚动。
+  //    必须用原生 addEventListener + { passive: false } 绕过。
+  const handleWheel = useCallback(
+    (e: WheelEvent) => {
+      e.preventDefault();
+
+      const isZoomOut = e.deltaY > 0;
+      const container = containerRef.current;
+      const modalBox = imageItemRef.current?.modalBoxRef?.current;
+
+      // 无视口信息时，直接缩放
+      if (!container || !modalBox) {
+        isZoomOut ? onZoomOut() : onZoom();
+        return;
+      }
+
+      // 缩小且图片超出视口：以视口中心为基准，向视口中心收敛
+      if (isZoomOut && isImageExceedsViewport(container, modalBox)) {
+        const currentPosition = imageItemRef.current?.positionRef?.current ?? [0, 0];
+
+        const result = onZoomOut({
+          mouseOffsetX: 0,
+          mouseOffsetY: 0,
+          currentTranslate: {
+            translateX: currentPosition[0],
+            translateY: currentPosition[1],
+          },
+        });
+        if (result?.newTranslate) {
+          imageItemRef.current?.enableTransition?.();
+          imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
+        }
+      } else {
+        isZoomOut ? onZoomOut() : onZoom();
+      }
+    },
+    [onZoom, onZoomOut],
+  );
 
+  // 容器级 wheel + 触摸缩放事件绑定
+  // wheel 必须用原生绑定 { passive: false } 才能 preventDefault
+  useEffect(() => {
+    if (!visible) return;
     const container = containerRef.current;
-    const modalBox = imageItemRef.current?.modalBoxRef?.current;
-    // 图片未超出视口时，使用默认逻辑
-    if (!container || !modalBox || !isImageExceedsViewport(container, modalBox)) {
-      return false;
-    }
-
-    // 超出视口：以视口中心为基准，向中心收敛
-    const currentPosition = imageItemRef.current?.position ?? [0, 0];
-    const result = onZoomOut({
-      mouseOffsetX: 0,
-      mouseOffsetY: 0,
-      currentTranslate: {
-        translateX: currentPosition[0],
-        translateY: currentPosition[1],
-      },
-    });
-
-    if (result?.newTranslate) {
-      // 启用向中心缩放的 transition 动画（CSS 类名驱动）
-      imageItemRef.current?.enableTransition?.();
-      imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
-    }
-
-    return true; // 已处理，不执行默认逻辑
-  }, []);
-
-  const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale, visible, {
-    onWheelZoom: handleWheelZoom,
-  });
+    container?.addEventListener('wheel', handleWheel, { passive: false });
+    document.addEventListener('touchstart', onTouchStart, { passive: false });
+    document.addEventListener('touchmove', onTouchMove, { passive: false });
+    document.addEventListener('touchend', onTouchEnd);
+    return () => {
+      container?.removeEventListener('wheel', handleWheel);
+      document.removeEventListener('touchstart', onTouchStart);
+      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener('touchend', onTouchEnd);
+    };
+  }, [visible, handleWheel, onTouchStart, onTouchMove, onTouchEnd]);
 
   const onReset = useCallback(() => {
     onResetScale();
diff --git a/packages/components/image-viewer/hooks/constants.ts b/packages/components/image-viewer/hooks/constants.ts
new file mode 100644
index 0000000000..364c490375
--- /dev/null
+++ b/packages/components/image-viewer/hooks/constants.ts
@@ -0,0 +1,9 @@
+import type { ImageScale } from '../type';
+
+/** ImageScale 的默认值，所有使用处应引用此常量，避免多处声明不一致 */
+export const DEFAULT_IMAGE_SCALE: ImageScale = {
+  max: 2,
+  min: 0.5,
+  step: 0.5,
+  defaultScale: 1,
+};
diff --git a/packages/components/image-viewer/hooks/useImageScale.ts b/packages/components/image-viewer/hooks/useImageScale.ts
index 01d53defe7..3da44033f5 100644
--- a/packages/components/image-viewer/hooks/useImageScale.ts
+++ b/packages/components/image-viewer/hooks/useImageScale.ts
@@ -1,11 +1,11 @@
 import { ImageScale } from '../type';
+import { DEFAULT_IMAGE_SCALE } from './constants';
 
 const useImageScale = (imageScale?: Partial<ImageScale>) => {
+  // 合并默认值和用户设置
   const result: ImageScale = {
-    max: imageScale?.max ?? 2,
-    min: imageScale?.min ?? 0.5,
-    step: imageScale?.step ?? 0.5,
-    defaultScale: imageScale?.defaultScale,
+    ...DEFAULT_IMAGE_SCALE,
+    ...imageScale,
   };
   // defaultScale 不能超出本身设置的最大和最小值
   if (imageScale?.defaultScale !== undefined) {
diff --git a/packages/components/image-viewer/hooks/useMirror.ts b/packages/components/image-viewer/hooks/useMirror.ts
index 1939577f4e..a251b548e1 100644
--- a/packages/components/image-viewer/hooks/useMirror.ts
+++ b/packages/components/image-viewer/hooks/useMirror.ts
@@ -1,14 +1,15 @@
 // 镜像控制
 import { useCallback, useState } from 'react';
+import { toggleMirror, MIRROR_DEFAULT } from '@tdesign/common-js/image-viewer/transform';
 
 const useMirror = () => {
-  const [mirror, setMirror] = useState(1);
+  const [mirror, setMirror] = useState(MIRROR_DEFAULT);
 
   const onMirror = useCallback(() => {
-    setMirror((mirror) => (mirror > 0 ? -1 : 1));
+    setMirror((current) => toggleMirror(current));
   }, []);
 
-  const onResetMirror = useCallback(() => setMirror(1), []);
+  const onResetMirror = useCallback(() => setMirror(MIRROR_DEFAULT), []);
 
   return {
     mirror,
diff --git a/packages/components/image-viewer/hooks/useRotate.ts b/packages/components/image-viewer/hooks/useRotate.ts
index f8e9fb5800..39f13380bb 100644
--- a/packages/components/image-viewer/hooks/useRotate.ts
+++ b/packages/components/image-viewer/hooks/useRotate.ts
@@ -1,28 +1,25 @@
 // 旋转控制
 import { useCallback, useRef, useState } from 'react';
+import { ROTATE_DEG, calcResetRotation } from '@tdesign/common-js/image-viewer/transform';
 
 const useRotate = () => {
   // There is an useEffect in the line 472 of ImageViewerModal.tsx, so we need to use a ref to store the rotateZ value.
   const rotRef = useRef(0);
   const [rotateZ, setRotateZ] = useState(0);
 
-  const onRotate = useCallback((ROTATE_COUNT: number) => {
-    setRotateZ((rotateZ) => {
-      rotRef.current = rotateZ + ROTATE_COUNT;
-      return rotateZ + ROTATE_COUNT;
+  const onRotate = useCallback(() => {
+    setRotateZ((prev) => {
+      rotRef.current = prev + ROTATE_DEG;
+      return prev + ROTATE_DEG;
     });
   }, []);
 
   const onResetRotate = useCallback(() => {
-    let degreeToRotate = rotRef.current % 360;
-    // make sure we always rotate to the shortest direction
-    if (Math.abs(degreeToRotate) > 180) {
-      degreeToRotate = (degreeToRotate + 360) % 360;
-    }
-    if (degreeToRotate !== 0) {
-      setRotateZ((rotateZ) => {
-        rotRef.current = rotateZ - degreeToRotate;
-        return rotateZ - degreeToRotate;
+    const adjusted = calcResetRotation(rotRef.current);
+    if (adjusted !== 0) {
+      setRotateZ((prev) => {
+        rotRef.current = prev - adjusted;
+        return prev - adjusted;
       });
     }
   }, []);
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index ca20f9ddf8..207dd4477d 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,89 +1,69 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
+import { throttle } from 'lodash-es';
+import { zoomIn, zoomOut, clampScale } from '@tdesign/common-js/image-viewer/transform';
+import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/types';
 import type { ImageScale } from '../type';
+import { DEFAULT_IMAGE_SCALE } from './constants';
 
-export interface ZoomOptions {
-  /** 缩放中心点 X 坐标（相对于预览图片容器中心的偏移量） */
-  mouseOffsetX?: number;
-  /** 缩放中心点 Y 坐标（相对于预览图片容器中心的偏移量） */
-  mouseOffsetY?: number;
-  /** 当前位移 */
-  currentTranslate?: { translateX: number; translateY: number };
-}
+// 从 common 包重新导出类型，保持向后兼容
+export type { ZoomOptions, ZoomResult, TranslateOffset };
 
-export interface ZoomResult {
-  /** 缩放后的新位移 */
-  newTranslate?: { translateX: number; translateY: number };
-}
+const useScale = (imageScale: ImageScale, _visible: boolean) => {
+  const { max, min, step, defaultScale } = { ...DEFAULT_IMAGE_SCALE, ...imageScale };
 
-export interface UseScaleOptions {
-  /** 自定义滚轮处理函数，返回 true 表示已处理，不执行默认逻辑 */
-  onWheelZoom?: (
-    e: WheelEvent,
-    handlers: { onZoom: () => void; onZoomOut: (options?: ZoomOptions) => ZoomResult },
-  ) => boolean;
-}
-
-/**
- * 计算缩放后的位移补偿
- * 公式：newTranslate = scaleRatio * T + (1 - scaleRatio) * Z
- * 其中 Z 为缩放中心，T 为当前位移，scaleRatio = newScale / oldScale
- */
-const calculateTranslateOffset = (
-  oldScale: number,
-  newScale: number,
-  options: ZoomOptions,
-): { translateX: number; translateY: number } | undefined => {
-  const { mouseOffsetX, mouseOffsetY, currentTranslate } = options;
-  // 缺少缩放中心信息时，不计算位移补偿
-  if (mouseOffsetX == null || mouseOffsetY == null) {
-    return undefined;
-  }
-
-  const scaleRatio = newScale / oldScale;
-  const { translateX = 0, translateY = 0 } = currentTranslate ?? {};
-
-  return {
-    translateX: scaleRatio * translateX + (1 - scaleRatio) * mouseOffsetX,
-    translateY: scaleRatio * translateY + (1 - scaleRatio) * mouseOffsetY,
-  };
-};
-
-const useScale = (imageScale: ImageScale, visible: boolean, options?: UseScaleOptions) => {
-  const { max = Infinity, min = 0, step = 0.1, defaultScale = 1 } = imageScale;
-
-  const calcDefaultScale = useCallback(() => Math.max(Math.min(defaultScale, max), min), [defaultScale, max, min]);
+  const calcDefaultScale = useCallback(() => clampScale(defaultScale, min, max), [defaultScale, max, min]);
 
   const distance = useRef(0);
   const [scale, setScale] = useState(calcDefaultScale());
   // 用 ref 追踪最新的 scale 值，以便同步计算位移补偿
   const scaleRef = useRef(scale);
 
-  // 复用的 clamp 函数
-  const clamp = useCallback((value: number) => Math.max(min, Math.min(max, value)), [max, min]);
+  // 存储上一次缩放的结果，供节流后同步返回
+  const lastZoomResultRef = useRef<ZoomResult>({});
+
+  // 节流内部实现（50ms 间隔），与 Vue 版本保持一致
+  const doZoomRef = useRef(
+    throttle(
+      (scaleRefObj: React.MutableRefObject<number>, stepVal: number, minVal: number, maxVal: number) => {
+        const { newScale, zoomResult } = zoomIn(scaleRefObj.current, stepVal, minVal, maxVal);
+        lastZoomResultRef.current = zoomResult;
+        scaleRefObj.current = newScale;
+        setScale(newScale);
+      },
+      50,
+      { leading: true, trailing: false },
+    ),
+  );
+
+  const doZoomOutRef = useRef(
+    throttle(
+      (
+        scaleRefObj: React.MutableRefObject<number>,
+        stepVal: number,
+        minVal: number,
+        maxVal: number,
+        zoomOptions?: ZoomOptions,
+      ) => {
+        const { newScale, zoomResult } = zoomOut(scaleRefObj.current, stepVal, minVal, maxVal, zoomOptions);
+        lastZoomResultRef.current = zoomResult;
+        scaleRefObj.current = newScale;
+        setScale(newScale);
+      },
+      50,
+      { leading: true, trailing: false },
+    ),
+  );
 
   const onZoom = useCallback(() => {
-    const newScale = clamp(scaleRef.current + step);
-    scaleRef.current = newScale;
-    setScale(newScale);
-  }, [clamp, step]);
+    doZoomRef.current(scaleRef, step, min, max);
+  }, [step, min, max]);
 
   const onZoomOut = useCallback(
     (zoomOptions?: ZoomOptions): ZoomResult => {
-      const currentScale = scaleRef.current;
-      const newScale = clamp(currentScale - step);
-
-      // 先计算位移补偿（使用同步的 scale 值）
-      const result: ZoomResult = zoomOptions
-        ? { newTranslate: calculateTranslateOffset(currentScale, newScale, zoomOptions) }
-        : {};
-
-      // 再更新 scale
-      scaleRef.current = newScale;
-      setScale(newScale);
-
-      return result;
+      doZoomOutRef.current(scaleRef, step, min, max, zoomOptions);
+      return lastZoomResultRef.current;
     },
-    [clamp, step],
+    [step, min, max],
   );
 
   const onResetScale = useCallback(() => {
@@ -92,19 +72,6 @@ const useScale = (imageScale: ImageScale, visible: boolean, options?: UseScaleOp
     setScale(defaultVal);
   }, [calcDefaultScale]);
 
-  // 鼠标滚轮缩放
-  const onWheel = useCallback(
-    (e: WheelEvent) => {
-      e.preventDefault();
-      // 如果提供了自定义处理函数且返回 true，不执行默认逻辑
-      if (options?.onWheelZoom?.(e, { onZoom, onZoomOut })) {
-        return;
-      }
-      e.deltaY < 0 ? onZoom() : onZoomOut();
-    },
-    [onZoom, onZoomOut, options],
-  );
-
   // 双指缩放
   const onTouchStart = useCallback((e: TouchEvent) => {
     if (e.touches.length !== 2) return;
@@ -133,25 +100,14 @@ const useScale = (imageScale: ImageScale, visible: boolean, options?: UseScaleOp
     distance.current = 0;
   }, []);
 
-  useEffect(() => {
-    if (!visible) return;
-    document.addEventListener('wheel', onWheel, { passive: false });
-    document.addEventListener('touchstart', onTouchStart, { passive: false });
-    document.addEventListener('touchmove', onTouchMove, { passive: false });
-    document.addEventListener('touchend', onTouchEnd);
-    return () => {
-      document.removeEventListener('wheel', onWheel);
-      document.removeEventListener('touchstart', onTouchStart);
-      document.removeEventListener('touchmove', onTouchMove);
-      document.removeEventListener('touchend', onTouchEnd);
-    };
-  }, [visible, onWheel, onTouchStart, onTouchMove, onTouchEnd]);
-
   return {
     scale,
     onZoom,
     onZoomOut,
     onResetScale,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
   };
 };
 

From a9e90a0fffc673b489f200bb553e4e698db863b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Tue, 31 Mar 2026 17:34:05 +0800
Subject: [PATCH 08/27] =?UTF-8?q?refactor(image-viewer):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20useScale=20=E9=97=AD=E5=8C=85=E4=B8=8E=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0=E4=BC=A0=E9=80=92=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common                               |  2 +-
 .../image-viewer/ImageViewerModal.tsx         |  6 +--
 .../components/image-viewer/hooks/useScale.ts | 46 +++++++++----------
 3 files changed, 25 insertions(+), 29 deletions(-)

diff --git a/packages/common b/packages/common
index c3623809a5..cd427319f1 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit c3623809a53c0eb7ba4c422bba1de6515c985e13
+Subproject commit cd427319f1e93923487ab454e368151c322565b1
diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 6ccfd9fa45..64b6c160d3 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -265,7 +265,6 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
 
 ImageModalItem.displayName = 'ImageModalItem';
 
-
 interface ImageModalIconProps {
   name?: string;
   size?: string;
@@ -520,10 +519,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
-  const { scale, onZoom, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(
-    imageScale,
-    visible,
-  );
+  const { scale, onZoom, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(imageScale);
 
   // 容器级滚轮缩放处理（原生事件版）
   // ⚠️ 不能用 React 的 onWheel —— React 17+ 将 wheel 注册为 passive: true，
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 207dd4477d..469392d2bf 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,14 +1,14 @@
 import { useCallback, useRef, useState } from 'react';
 import { throttle } from 'lodash-es';
 import { zoomIn, zoomOut, clampScale } from '@tdesign/common-js/image-viewer/transform';
-import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/types';
+import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/transform';
 import type { ImageScale } from '../type';
 import { DEFAULT_IMAGE_SCALE } from './constants';
 
 // 从 common 包重新导出类型，保持向后兼容
 export type { ZoomOptions, ZoomResult, TranslateOffset };
 
-const useScale = (imageScale: ImageScale, _visible: boolean) => {
+const useScale = (imageScale: ImageScale) => {
   const { max, min, step, defaultScale } = { ...DEFAULT_IMAGE_SCALE, ...imageScale };
 
   const calcDefaultScale = useCallback(() => clampScale(defaultScale, min, max), [defaultScale, max, min]);
@@ -21,13 +21,19 @@ const useScale = (imageScale: ImageScale, _visible: boolean) => {
   // 存储上一次缩放的结果，供节流后同步返回
   const lastZoomResultRef = useRef<ZoomResult>({});
 
+  // 用 ref 追踪最新的 imageScale 参数，供 throttle 闭包读取
+  const paramsRef = useRef({ step, min, max });
+  paramsRef.current = { step, min, max };
+
   // 节流内部实现（50ms 间隔），与 Vue 版本保持一致
+  // 通过闭包直接引用 scaleRef / paramsRef，避免作为参数传入触发 no-param-reassign
   const doZoomRef = useRef(
     throttle(
-      (scaleRefObj: React.MutableRefObject<number>, stepVal: number, minVal: number, maxVal: number) => {
-        const { newScale, zoomResult } = zoomIn(scaleRefObj.current, stepVal, minVal, maxVal);
+      () => {
+        const { step: s, min: mi, max: ma } = paramsRef.current;
+        const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma);
         lastZoomResultRef.current = zoomResult;
-        scaleRefObj.current = newScale;
+        scaleRef.current = newScale;
         setScale(newScale);
       },
       50,
@@ -35,18 +41,14 @@ const useScale = (imageScale: ImageScale, _visible: boolean) => {
     ),
   );
 
+  const zoomOptionsRef = useRef<ZoomOptions | undefined>();
   const doZoomOutRef = useRef(
     throttle(
-      (
-        scaleRefObj: React.MutableRefObject<number>,
-        stepVal: number,
-        minVal: number,
-        maxVal: number,
-        zoomOptions?: ZoomOptions,
-      ) => {
-        const { newScale, zoomResult } = zoomOut(scaleRefObj.current, stepVal, minVal, maxVal, zoomOptions);
+      () => {
+        const { step: s, min: mi, max: ma } = paramsRef.current;
+        const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOptionsRef.current);
         lastZoomResultRef.current = zoomResult;
-        scaleRefObj.current = newScale;
+        scaleRef.current = newScale;
         setScale(newScale);
       },
       50,
@@ -55,16 +57,14 @@ const useScale = (imageScale: ImageScale, _visible: boolean) => {
   );
 
   const onZoom = useCallback(() => {
-    doZoomRef.current(scaleRef, step, min, max);
-  }, [step, min, max]);
+    doZoomRef.current();
+  }, []);
 
-  const onZoomOut = useCallback(
-    (zoomOptions?: ZoomOptions): ZoomResult => {
-      doZoomOutRef.current(scaleRef, step, min, max, zoomOptions);
-      return lastZoomResultRef.current;
-    },
-    [step, min, max],
-  );
+  const onZoomOut = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
+    zoomOptionsRef.current = zoomOptions;
+    doZoomOutRef.current();
+    return lastZoomResultRef.current;
+  }, []);
 
   const onResetScale = useCallback(() => {
     const defaultVal = calcDefaultScale();

From 0043f3726d8bb269416302f3e80dd33ccaa36768 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Tue, 31 Mar 2026 22:45:45 +0800
Subject: [PATCH 09/27] =?UTF-8?q?fix(image-viewer):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E9=87=8D=E7=BD=AE=E4=B8=8E=E5=88=86=E7=A6=BB?=
 =?UTF-8?q?zoomOptions=E5=BC=95=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/image-viewer/ImageViewerModal.tsx   | 10 ++++++++++
 packages/components/image-viewer/hooks/useScale.ts | 14 +++++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 64b6c160d3..2f3846773f 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -521,6 +521,16 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
 
   const { scale, onZoom, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(imageScale);
 
+  // imageScale 动态变化时重置缩放
+  const isFirstRender = useRef(true);
+  useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    onResetScale();
+  }, [imageScale, onResetScale]);
+
   // 容器级滚轮缩放处理（原生事件版）
   // ⚠️ 不能用 React 的 onWheel —— React 17+ 将 wheel 注册为 passive: true，
   //    导致 e.preventDefault() 无效，无法阻止页面滚动。
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 469392d2bf..f7dfc3709d 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -27,11 +27,13 @@ const useScale = (imageScale: ImageScale) => {
 
   // 节流内部实现（50ms 间隔），与 Vue 版本保持一致
   // 通过闭包直接引用 scaleRef / paramsRef，避免作为参数传入触发 no-param-reassign
+  const zoomOptionsRef = useRef<ZoomOptions | undefined>();
+
   const doZoomRef = useRef(
     throttle(
       () => {
         const { step: s, min: mi, max: ma } = paramsRef.current;
-        const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma);
+        const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma, zoomOptionsRef.current);
         lastZoomResultRef.current = zoomResult;
         scaleRef.current = newScale;
         setScale(newScale);
@@ -41,12 +43,12 @@ const useScale = (imageScale: ImageScale) => {
     ),
   );
 
-  const zoomOptionsRef = useRef<ZoomOptions | undefined>();
+  const zoomOutOptionsRef = useRef<ZoomOptions | undefined>();
   const doZoomOutRef = useRef(
     throttle(
       () => {
         const { step: s, min: mi, max: ma } = paramsRef.current;
-        const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOptionsRef.current);
+        const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOutOptionsRef.current);
         lastZoomResultRef.current = zoomResult;
         scaleRef.current = newScale;
         setScale(newScale);
@@ -56,12 +58,14 @@ const useScale = (imageScale: ImageScale) => {
     ),
   );
 
-  const onZoom = useCallback(() => {
+  const onZoom = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
+    zoomOptionsRef.current = zoomOptions;
     doZoomRef.current();
+    return lastZoomResultRef.current;
   }, []);
 
   const onZoomOut = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
-    zoomOptionsRef.current = zoomOptions;
+    zoomOutOptionsRef.current = zoomOptions;
     doZoomOutRef.current();
     return lastZoomResultRef.current;
   }, []);

From 3c0569b2c8813d0dac228b2c433a814ff70a0075 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 1 Apr 2026 22:35:52 +0800
Subject: [PATCH 10/27] fix(ImageViewer): adjust default step from 0.5 to 0.2
 for smoother zoom experience

---
 .../components/image-viewer/hooks/constants.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/components/image-viewer/hooks/constants.ts b/packages/components/image-viewer/hooks/constants.ts
index 364c490375..954319f2bf 100644
--- a/packages/components/image-viewer/hooks/constants.ts
+++ b/packages/components/image-viewer/hooks/constants.ts
@@ -1,9 +1,9 @@
-import type { ImageScale } from '../type';
-
-/** ImageScale 的默认值，所有使用处应引用此常量，避免多处声明不一致 */
-export const DEFAULT_IMAGE_SCALE: ImageScale = {
-  max: 2,
-  min: 0.5,
-  step: 0.5,
-  defaultScale: 1,
-};
+import type { ImageScale } from '../type';
+
+/** ImageScale 的默认值，所有使用处应引用此常量，避免多处声明不一致 */
+export const DEFAULT_IMAGE_SCALE: ImageScale = {
+  max: 2,
+  min: 0.5,
+  step: 0.2,
+  defaultScale: 1,
+};

From 2f7bc7ed04b9a276cbb0fe294c72cad284a5c51d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Thu, 2 Apr 2026 01:12:00 +0800
Subject: [PATCH 11/27] =?UTF-8?q?chore:=20=E6=81=A2=E5=A4=8D=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E7=BC=A9=E6=94=BE=E6=AD=A5=E9=95=BF=E5=B9=B6=E4=B8=94?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=8B=E8=AF=95=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/image-viewer/__tests__/image-viewer.test.tsx     | 2 +-
 packages/components/image-viewer/hooks/constants.ts             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.tsx b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
index e32db91f41..7554a8c928 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.tsx
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -209,7 +209,7 @@ describe('ImageViewerModal', () => {
   test('closeBtn', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
-      return <ImageViewer trigger={trigger} images={[imgUrl]} closeBtn={() => <span>closeBtn</span>} />;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} closeBtn={<span>closeBtn</span>} />;
     };
     const { getByText } = render(<BasicImageViewer />);
 
diff --git a/packages/components/image-viewer/hooks/constants.ts b/packages/components/image-viewer/hooks/constants.ts
index 954319f2bf..f1a0569b10 100644
--- a/packages/components/image-viewer/hooks/constants.ts
+++ b/packages/components/image-viewer/hooks/constants.ts
@@ -4,6 +4,6 @@ import type { ImageScale } from '../type';
 export const DEFAULT_IMAGE_SCALE: ImageScale = {
   max: 2,
   min: 0.5,
-  step: 0.2,
+  step: 0.5,
   defaultScale: 1,
 };

From dd4f4a79d10651ca873428463184d7e4f1b0fee8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Fri, 3 Apr 2026 01:42:27 +0800
Subject: [PATCH 12/27] =?UTF-8?q?refactor(image-viewer):=20=E9=87=8D?=
 =?UTF-8?q?=E5=91=BD=E5=90=8D=20onZoom=20=E4=B8=BA=20onZoomIn=20=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=A8=E7=94=BB=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common                               |  2 +-
 .../image-viewer/ImageViewerMini.tsx          |  6 ++---
 .../image-viewer/ImageViewerModal.tsx         | 27 +++++++++----------
 .../__tests__/image-viewer.test.tsx           |  2 +-
 .../image-viewer/hooks/constants.ts           |  9 -------
 .../image-viewer/hooks/useImageScale.ts       |  2 +-
 .../components/image-viewer/hooks/useScale.ts | 11 ++++----
 7 files changed, 24 insertions(+), 35 deletions(-)
 delete mode 100644 packages/components/image-viewer/hooks/constants.ts

diff --git a/packages/common b/packages/common
index cd427319f1..c698a0ef12 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit cd427319f1e93923487ab454e368151c322565b1
+Subproject commit c698a0ef12b8712130586d3ed0bc39c652d16571
diff --git a/packages/components/image-viewer/ImageViewerMini.tsx b/packages/components/image-viewer/ImageViewerMini.tsx
index f7a3de148f..ac213c9725 100644
--- a/packages/components/image-viewer/ImageViewerMini.tsx
+++ b/packages/components/image-viewer/ImageViewerMini.tsx
@@ -31,7 +31,7 @@ export interface ImageModalMiniProps {
   prev: () => void;
   next: () => void;
   onMirror: () => void;
-  onZoom: () => void;
+  onZoomIn: () => void;
   onZoomOut: () => void;
   onReset: () => void;
   onRotate: () => void;
@@ -70,7 +70,7 @@ export const ImageModalMini: React.FC<ImageModalMiniProps> = (props) => {
     className,
     style,
     onZoomOut,
-    onZoom,
+    onZoomIn,
     onClose,
     onRotate,
     onMirror,
@@ -87,7 +87,7 @@ export const ImageModalMini: React.FC<ImageModalMiniProps> = (props) => {
         tipText={tipText}
         currentImage={currentImage}
         zIndex={props.zIndex + 1}
-        onZoom={onZoom}
+        onZoomIn={onZoomIn}
         onZoomOut={onZoomOut}
         onRotate={onRotate}
         onMirror={onMirror}
diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 2f3846773f..24760c2280 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -133,9 +133,8 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       if (!modalBox) return;
 
       cleanupTransition();
-      // 读取 offsetHeight 强制重绘，确保类名移除后再添加能触发新动画
-      const { offsetHeight } = modalBox;
-      if (offsetHeight < 0) return; // 永不执行，仅消除 unused 警告
+      // 强制浏览器 reflow，确保类名移除生效后再添加能触发新的 transition 动画
+      modalBox.getBoundingClientRect();
       modalBox.classList.add(transitioningClass);
 
       const handleTransitionEnd = (e: TransitionEvent) => {
@@ -305,7 +304,7 @@ interface ImageViewerUtilsProps {
   zIndex: number;
   onMirror: () => void;
   onRotate: () => void;
-  onZoom: () => void;
+  onZoomIn: () => void;
   onZoomOut: () => void;
   onReset: () => void;
   onDownload?: TdImageViewerProps['onDownload'];
@@ -318,7 +317,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
   zIndex,
   onMirror,
   onRotate,
-  onZoom,
+  onZoomIn,
   onZoomOut,
   onReset,
   onDownload,
@@ -359,7 +358,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           size="medium"
           label={`${largeNumberToFixed(String(scale * 100))}%`}
         />
-        <ImageModalIcon size="medium" name="zoom-in" onClick={onZoom} />
+        <ImageModalIcon size="medium" name="zoom-in" onClick={onZoomIn} />
         <TooltipLite
           className={`${classPrefix}-image-viewer__utils--tip`}
           content={tipText.originalSize}
@@ -519,7 +518,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
-  const { scale, onZoom, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(imageScale);
+  const { scale, onZoomIn, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(imageScale);
 
   // imageScale 动态变化时重置缩放
   const isFirstRender = useRef(true);
@@ -545,7 +544,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
 
       // 无视口信息时，直接缩放
       if (!container || !modalBox) {
-        isZoomOut ? onZoomOut() : onZoom();
+        isZoomOut ? onZoomOut() : onZoomIn();
         return;
       }
 
@@ -566,10 +565,10 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
           imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
         }
       } else {
-        isZoomOut ? onZoomOut() : onZoom();
+        isZoomOut ? onZoomOut() : onZoomIn();
       }
     },
-    [onZoom, onZoomOut],
+    [onZoomIn, onZoomOut],
   );
 
   // 容器级 wheel + 触摸缩放事件绑定
@@ -604,14 +603,14 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
         case 'ArrowLeft':
           return prev();
         case 'ArrowUp':
-          return onZoom();
+          return onZoomIn();
         case 'ArrowDown':
           return onZoomOut();
         case 'Escape':
           return closeOnEscKeydown && onClose?.({ trigger: 'esc', e: event });
       }
     },
-    [next, onClose, prev, onZoom, onZoomOut, closeOnEscKeydown],
+    [next, onClose, prev, onZoomIn, onZoomOut, closeOnEscKeydown],
   );
 
   useEffect(() => {
@@ -659,7 +658,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
         next={next}
         onMirror={onMirror}
         onRotate={onRotate}
-        onZoom={onZoom}
+        onZoomIn={onZoomIn}
         onZoomOut={onZoomOut}
         onReset={onReset}
         onClose={onClose}
@@ -731,7 +730,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
         tipText={tipText}
         currentImage={currentImage}
         zIndex={zIndex + 1}
-        onZoom={onZoom}
+        onZoomIn={onZoomIn}
         onZoomOut={onZoomOut}
         onDownload={onDownload}
         onRotate={onRotate}
diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.tsx b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
index 7554a8c928..29dbb0a038 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.tsx
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -186,7 +186,7 @@ describe('ImageViewerModal', () => {
     expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1)');
 
     await user.type(document.body, '{ArrowUp}');
-    expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1.5)');
+    expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1.2)');
 
     await user.type(document.body, '{ArrowDown}');
     expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1)');
diff --git a/packages/components/image-viewer/hooks/constants.ts b/packages/components/image-viewer/hooks/constants.ts
deleted file mode 100644
index f1a0569b10..0000000000
--- a/packages/components/image-viewer/hooks/constants.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { ImageScale } from '../type';
-
-/** ImageScale 的默认值，所有使用处应引用此常量，避免多处声明不一致 */
-export const DEFAULT_IMAGE_SCALE: ImageScale = {
-  max: 2,
-  min: 0.5,
-  step: 0.5,
-  defaultScale: 1,
-};
diff --git a/packages/components/image-viewer/hooks/useImageScale.ts b/packages/components/image-viewer/hooks/useImageScale.ts
index 3da44033f5..b5c02ac52a 100644
--- a/packages/components/image-viewer/hooks/useImageScale.ts
+++ b/packages/components/image-viewer/hooks/useImageScale.ts
@@ -1,5 +1,5 @@
+import { DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
 import { ImageScale } from '../type';
-import { DEFAULT_IMAGE_SCALE } from './constants';
 
 const useImageScale = (imageScale?: Partial<ImageScale>) => {
   // 合并默认值和用户设置
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index f7dfc3709d..d1fdbf7889 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,9 +1,8 @@
 import { useCallback, useRef, useState } from 'react';
 import { throttle } from 'lodash-es';
-import { zoomIn, zoomOut, clampScale } from '@tdesign/common-js/image-viewer/transform';
+import { zoomIn, zoomOut, clampScale, DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
 import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/transform';
 import type { ImageScale } from '../type';
-import { DEFAULT_IMAGE_SCALE } from './constants';
 
 // 从 common 包重新导出类型，保持向后兼容
 export type { ZoomOptions, ZoomResult, TranslateOffset };
@@ -58,7 +57,7 @@ const useScale = (imageScale: ImageScale) => {
     ),
   );
 
-  const onZoom = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
+  const onZoomIn = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
     zoomOptionsRef.current = zoomOptions;
     doZoomRef.current();
     return lastZoomResultRef.current;
@@ -91,13 +90,13 @@ const useScale = (imageScale: ImageScale) => {
       const [touch1, touch2] = Array.from(e.touches);
       const currentDistance = Math.hypot(touch2.pageX - touch1.pageX, touch2.pageY - touch1.pageY);
       if (currentDistance > distance.current) {
-        onZoom();
+        onZoomIn();
       } else {
         onZoomOut();
       }
       distance.current = currentDistance;
     },
-    [onZoom, onZoomOut],
+    [onZoomIn, onZoomOut],
   );
 
   const onTouchEnd = useCallback(() => {
@@ -106,7 +105,7 @@ const useScale = (imageScale: ImageScale) => {
 
   return {
     scale,
-    onZoom,
+    onZoomIn,
     onZoomOut,
     onResetScale,
     onTouchStart,

From 621cd0b818591d5db54d7cf45bfb7288ad5588f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 8 Apr 2026 14:28:09 +0800
Subject: [PATCH 13/27] =?UTF-8?q?fix(image-viewer):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=94=AE=E7=9B=98=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86=E9=97=AD?=
 =?UTF-8?q?=E5=8C=85=E9=99=B7=E9=98=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         |     36 +-
 .../__tests__/image-viewer.test.tsx           |     41 +-
 test/snap/__snapshots__/csr.test.jsx.snap     | 154849 ++++++++++++++-
 test/snap/__snapshots__/ssr.test.jsx.snap     |   1276 +
 4 files changed, 155541 insertions(+), 661 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 24760c2280..7ae5c7fd8c 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -595,28 +595,28 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
     imageItemRef.current?.resetPosition?.();
   }, [onResetMirror, onResetScale, onResetRotate]);
 
-  const onKeyDown = useCallback(
-    (event) => {
-      switch (event.key) {
-        case 'ArrowRight':
-          return next();
-        case 'ArrowLeft':
-          return prev();
-        case 'ArrowUp':
-          return onZoomIn();
-        case 'ArrowDown':
-          return onZoomOut();
-        case 'Escape':
-          return closeOnEscKeydown && onClose?.({ trigger: 'esc', e: event });
-      }
-    },
-    [next, onClose, prev, onZoomIn, onZoomOut, closeOnEscKeydown],
-  );
+  // 用 ref 保存最新的 handlers，避免 keydown listener 因闭包 stale 而丢失事件
+  const keyHandlersRef = useRef({ next, prev, onZoomIn, onZoomOut, onClose, closeOnEscKeydown });
+  keyHandlersRef.current = { next, prev, onZoomIn, onZoomOut, onClose, closeOnEscKeydown };
+
+  const onKeyDown = useCallback((event: KeyboardEvent) => {
+    const handlers = keyHandlersRef.current;
+    const keyActionMap: Partial<Record<string, () => void>> = {
+      ArrowRight: () => handlers.next(),
+      ArrowLeft: () => handlers.prev(),
+      ArrowUp: () => handlers.onZoomIn(),
+      ArrowDown: () => handlers.onZoomOut(),
+      Escape: () => handlers.closeOnEscKeydown && handlers.onClose?.({ trigger: 'esc', e: event as any }),
+    };
+    keyActionMap[event.key]?.();
+  }, []);
 
+  // 弹窗可见时绑定键盘事件，关闭后解绑
   useEffect(() => {
+    if (!visible) return;
     document.addEventListener('keydown', onKeyDown);
     return () => document.removeEventListener('keydown', onKeyDown);
-  }, [onKeyDown]);
+  }, [visible, onKeyDown]);
 
   useEffect(() => {
     onReset();
diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.tsx b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
index 29dbb0a038..e07d5c6c38 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.tsx
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -146,22 +146,26 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
+    // 打开弹窗
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 模拟键盘事件
-    await user.type(document.body, '{Escape}');
-    expect(onClose).toHaveBeenCalledTimes(1);
-
+    // 键盘切图
     await user.type(document.body, '{ArrowRight}');
     expect(onIndexChange).toHaveBeenCalledTimes(1);
 
     await user.type(document.body, '{ArrowLeft}');
     expect(onIndexChange).toHaveBeenCalledTimes(2);
 
-    // 鼠标点击遮罩
+    // ESC 关闭
+    await user.type(document.body, '{Escape}');
+    expect(onClose).toHaveBeenCalledTimes(1);
+
+    // 重新打开，点遮罩关闭
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
     const mask = await waitFor(() => document.querySelector('.t-image-viewer__modal-mask'));
     act(() => {
       fireEvent.click(mask);
@@ -169,6 +173,31 @@ describe('ImageViewerModal', () => {
     expect(onClose).toHaveBeenCalledTimes(2);
   });
 
+  test('keyboard events are disabled after modal closes', async () => {
+    const user = userEvent.setup();
+    const onIndexChange = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} onIndexChange={onIndexChange} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    // 打开弹窗，按方向键切图
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await user.type(document.body, '{ArrowRight}');
+    expect(onIndexChange).toHaveBeenCalledTimes(1);
+
+    // ESC 关闭弹窗
+    await user.type(document.body, '{Escape}');
+
+    // 关闭后键盘操作不应再触发 onIndexChange
+    await user.type(document.body, '{ArrowRight}');
+    await user.type(document.body, '{ArrowLeft}');
+    expect(onIndexChange).toHaveBeenCalledTimes(1);
+  });
+
   test('single', async () => {
     const user = userEvent.setup();
     const BasicImageViewer = () => {
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 46f2720573..e64772c567 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -152299,1278 +152299,154853 @@ exports[`csr snapshot test > csr test packages/components/upload/_example/single
 </div>
 `;
 
+exports[`csr snapshot test > csr test packages\\components\\affix\\_example\\base.tsx 1`] = `
+<div>
+  <div>
+    <div>
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Affixed: 
+          false
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\affix\\_example\\container.tsx 1`] = `
+<div>
+  <div
+    style="border-radius: 3px; height: 400px; overflow-x: hidden; overflow-y: auto;"
+  >
+    <div
+      style="height: 1500px; background-color: rgb(238, 238, 238); background-size: 30px 30px; display: flex; flex-direction: column; justify-content: space-between;"
+    >
+      <div>
+        <div>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Top
+            </span>
+          </button>
+        </div>
+      </div>
+      <div>
+        <div>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Bottom
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--success"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-check-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-info-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-alert__content"
+        >
+          <div
+            class="t-alert__message"
+          >
+            <div
+              class="t-alert__description"
+            >
+              高危操作/出错信息提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\close.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--success"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-check-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--info"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-info-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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"
+        >
+          FunctionPropClose
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--error"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-tag t-tag--danger t-tag--outline"
+          >
+            <span
+              title="关闭"
+            >
+              关闭
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\collapse.tsx 1`] = `
+<div>
+  <div
+    class="t-alert t-alert--info"
+  >
+    <div
+      class="t-alert__icon"
+    >
+      <svg
+        class="t-icon t-icon-info-circle-filled"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+          fill="currentColor"
+        />
+      </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
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--success"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-check-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-info-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-alert__content"
+        >
+          <div
+            class="t-alert__message"
+          >
+            <div
+              class="t-alert__description"
+            >
+              高危操作/出错信息提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\operation.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--success"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-check-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--info"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-info-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--warning"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--error"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\swiper.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-alert t-alert--success"
+      >
+        <div
+          class="t-alert__icon"
+        >
+          <svg
+            class="t-icon t-icon-check-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-info-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-icon t-icon-error-circle-filled"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-alert__content"
+        >
+          <div
+            class="t-alert__message"
+          >
+            <div
+              class="t-alert__description"
+            >
+              高危操作/出错信息提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\title.tsx 1`] = `
+<div>
+  <div
+    class="t-alert t-alert--info"
+  >
+    <div
+      class="t-alert__icon"
+    >
+      <svg
+        class="t-icon t-icon-info-circle-filled"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+          fill="currentColor"
+        />
+      </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
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    style="display: flex;"
+  >
+    <div
+      style="flex: 1;"
+    />
+    <div>
+      <div>
+        <div
+          class="t-anchor t-size-m"
+        >
+          <div
+            class="t-anchor__line"
+          >
+            <div
+              class="t-anchor__line-cursor-wrapper"
+              style=""
+            >
+              <div
+                class="t-anchor__line-cursor"
+              />
+            </div>
+          </div>
+          <div
+            class="t-anchor__item"
+          >
+            <a
+              class="t-anchor__item-link"
+              href="#基础锚点"
+              target="_self"
+              title="基础锚点"
+            >
+              基础锚点
+            </a>
+          </div>
+          <div
+            class="t-anchor__item"
+          >
+            <a
+              class="t-anchor__item-link"
+              href="#多级锚点"
+              target="_self"
+              title="多级锚点"
+            >
+              多级锚点
+            </a>
+          </div>
+          <div
+            class="t-anchor__item"
+          >
+            <a
+              class="t-anchor__item-link"
+              href="#指定容器锚点"
+              target="_self"
+              title="指定容器锚点"
+            >
+              指定容器锚点
+            </a>
+          </div>
+          <div
+            class="t-anchor__item"
+          >
+            <a
+              class="t-anchor__item-link"
+              href="#特定交互锚点"
+              target="_self"
+              title="特定交互锚点"
+            >
+              特定交互锚点
+            </a>
+          </div>
+          <div
+            class="t-anchor__item"
+          >
+            <a
+              class="t-anchor__item-link"
+              href="#尺寸"
+              target="_self"
+              title="尺寸"
+            >
+              尺寸
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\container.tsx 1`] = `
+<div>
+  <div
+    class="anchor-demo-attach"
+    id="attach"
+    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: 1;"
+        >
+          <div
+            class="t-anchor__line-cursor"
+          />
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#content-1"
+          target="_self"
+          title="content-1"
+        >
+          content-1
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#content-2"
+          target="_self"
+          title="content-2"
+        >
+          content-2
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#content-3"
+          target="_self"
+          title="content-3"
+        >
+          content-3
+        </a>
+      </div>
+      <div
+        class="t-anchor__item t-is-active"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#content-4"
+          target="_self"
+          title="content-4"
+        >
+          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: rgb(223, 239, 255); line-height: 100px;"
+      >
+        content-1
+      </div>
+      <div
+        id="content-2"
+        style="background: rgb(191, 219, 247); line-height: 100px;"
+      >
+        content-2
+      </div>
+      <div
+        id="content-3"
+        style="background: rgb(155, 197, 242); line-height: 100px;"
+      >
+        content-3
+      </div>
+      <div
+        id="content-4"
+        style="background: rgb(123, 175, 237); line-height: 100px;"
+      >
+        content-4
+      </div>
+      <div
+        id="content-5"
+        style="background: rgb(92, 153, 235); line-height: 100px;"
+      >
+        content-5
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\cursor.tsx 1`] = `
+<div>
+  <div
+    style="display: flex;"
+  >
+    <div
+      class="t-anchor t-size-m"
+    >
+      <div
+        class="t-anchor__line"
+      >
+        <div
+          class="t-anchor__line-cursor-wrapper"
+          style=""
+        >
+          <div
+            style="width: 10px; height: 10px; background-color: rgb(0, 82, 217); position: absolute; border-radius: 50%; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px;"
+          />
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#基础锚点"
+          target="_self"
+          title="基础锚点"
+        >
+          基础锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#多级锚点"
+          target="_self"
+          title="多级锚点"
+        >
+          多级锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#指定容器锚点"
+          target="_self"
+          title="指定容器锚点"
+        >
+          指定容器锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#特定交互锚点"
+          target="_self"
+          title="特定交互锚点"
+        >
+          特定交互锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#尺寸"
+          target="_self"
+          title="尺寸"
+        >
+          尺寸
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\customize-highlight.tsx 1`] = `
+<div>
+  <div
+    style="display: flex;"
+  >
+    <div
+      style="flex: 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: 1;"
+        >
+          <div
+            class="t-anchor__line-cursor"
+          />
+        </div>
+      </div>
+      <div
+        class="t-anchor__item t-is-active"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#基础锚点"
+          target="_self"
+          title="基础锚点"
+        >
+          基础锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#多级锚点"
+          target="_self"
+          title="多级锚点"
+        >
+          多级锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#自定义游标锚点"
+          target="_self"
+          title="自定义游标锚点"
+        >
+          自定义游标锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#指定容器锚点"
+          target="_self"
+          title="指定容器锚点"
+        >
+          指定容器锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#特定交互锚点"
+          target="_self"
+          title="特定交互锚点"
+        >
+          特定交互锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#不同尺寸的锚点"
+          target="_self"
+          title="不同尺寸的锚点"
+        >
+          不同尺寸的锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#自定义锚点高亮"
+          target="_self"
+          title="自定义锚点高亮"
+        >
+          自定义锚点高亮
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\large.tsx 1`] = `
+<div>
+  <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: 1;"
+        >
+          <div
+            class="t-anchor__line-cursor"
+          />
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#default"
+          target="_self"
+          title="基础锚点"
+        >
+          基础锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#multiple"
+          target="_self"
+          title="多级锚点"
+        >
+          多级锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#size"
+          target="_self"
+          title="尺寸大小"
+        >
+          尺寸大小
+        </a>
+        <div
+          class="t-anchor__item"
+        >
+          <a
+            class="t-anchor__item-link"
+            href="#size"
+            target="_self"
+            title="size-medium"
+          >
+            size-medium
+          </a>
+        </div>
+        <div
+          class="t-anchor__item t-is-active"
+        >
+          <a
+            class="t-anchor__item-link"
+            href="#size-large"
+            target="_self"
+            title="size-large"
+          >
+            size-large
+          </a>
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#attach"
+          target="_self"
+          title="指定容器"
+        >
+          指定容器
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="t-anchor t-size-m"
+  >
+    <div
+      class="t-anchor__line"
+    >
+      <div
+        class="t-anchor__line-cursor-wrapper"
+        style=""
+      >
+        <div
+          class="t-anchor__line-cursor"
+        />
+      </div>
+    </div>
+    <div
+      class="t-anchor__item"
+    >
+      <a
+        class="t-anchor__item-link"
+        href="#基础锚点"
+        target="_self"
+        title="基础锚点"
+      >
+        基础锚点
+      </a>
+    </div>
+    <div
+      class="t-anchor__item"
+    >
+      <a
+        class="t-anchor__item-link"
+        href="#多级锚点"
+        target="_self"
+        title="多级锚点"
+      >
+        多级锚点
+      </a>
+    </div>
+    <div
+      class="t-anchor__item"
+    >
+      <a
+        class="t-anchor__item-link"
+        href="#指定容器锚点"
+        target="_self"
+        title="指定容器锚点"
+      >
+        指定容器锚点
+      </a>
+    </div>
+    <div
+      class="t-anchor__item"
+    >
+      <a
+        class="t-anchor__item-link"
+        href="#特定交互锚点"
+        target="_self"
+        title="特定交互锚点"
+      >
+        特定交互锚点
+      </a>
+    </div>
+    <div
+      class="t-anchor__item"
+    >
+      <a
+        class="t-anchor__item-link"
+        href="#尺寸"
+        target="_self"
+        title="尺寸"
+      >
+        尺寸
+      </a>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#size"
+          target="_self"
+          title="size-medium"
+        >
+          size-medium
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#size-large"
+          target="_self"
+          title="size-large"
+        >
+          size-large
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\small.tsx 1`] = `
+<div>
+  <div
+    id="size-small"
+  >
+    <div
+      class="t-anchor t-size-s"
+    >
+      <div
+        class="t-anchor__line"
+      >
+        <div
+          class="t-anchor__line-cursor-wrapper"
+          style=""
+        >
+          <div
+            class="t-anchor__line-cursor"
+          />
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#default"
+          target="_self"
+          title="基础锚点"
+        >
+          基础锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#multiple"
+          target="_self"
+          title="多级锚点"
+        >
+          多级锚点
+        </a>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#size"
+          target="_self"
+          title="尺寸大小"
+        >
+          尺寸大小
+        </a>
+        <div
+          class="t-anchor__item"
+        >
+          <a
+            class="t-anchor__item-link"
+            href="#size"
+            target="_self"
+            title="size-medium"
+          >
+            size-medium
+          </a>
+        </div>
+        <div
+          class="t-anchor__item"
+        >
+          <a
+            class="t-anchor__item-link"
+            href="#size-large"
+            target="_self"
+            title="size-large"
+          >
+            size-large
+          </a>
+        </div>
+      </div>
+      <div
+        class="t-anchor__item"
+      >
+        <a
+          class="t-anchor__item-link"
+          href="#attach"
+          target="_self"
+          title="指定容器"
+        >
+          指定容器
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\target.tsx 1`] = `
+<div>
+  <div
+    class="anchor-demo"
+    id="/components/anchor/#anchor-target"
+  >
+    <h1
+      class="t-anchor__target"
+      id="/components/anchor/#default"
+    >
+      基础锚点
+      <svg
+        class="t-icon t-icon-file-copy t-anchor__copy"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="file-copy"
+        >
+          <path
+            d="M7 18V2H14V8H20V18H7Z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-width="2"
+          />
+          <path
+            d="M3 6L3 22H14"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </h1>
+    <h1
+      class="t-anchor__target"
+      id="/components/anchor/#multiple"
+    >
+      多级锚点
+      <svg
+        class="t-icon t-icon-file-copy t-anchor__copy"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="file-copy"
+        >
+          <path
+            d="M7 18V2H14V8H20V18H7Z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-width="2"
+          />
+          <path
+            d="M3 6L3 22H14"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </h1>
+    <h1
+      class="t-anchor__target"
+      id="/components/anchor/#size"
+    >
+      尺寸大小
+      <svg
+        class="t-icon t-icon-file-copy t-anchor__copy"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="file-copy"
+        >
+          <path
+            d="M7 18V2H14V8H20V18H7Z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-width="2"
+          />
+          <path
+            d="M3 6L3 22H14"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </h1>
+    <h1
+      class="t-anchor__target"
+      id="/components/anchor/#attach"
+    >
+      指定容器
+      <svg
+        class="t-icon t-icon-file-copy t-anchor__copy"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="file-copy"
+        >
+          <path
+            d="M7 18V2H14V8H20V18H7Z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-width="2"
+          />
+          <path
+            d="M3 6L3 22H14"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </h1>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-demo-auto-complete__base t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete t-demo-autocomplete__search"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索（自定义右侧图标）"
+              type="text"
+              value=""
+            />
+            <div
+              class="t-input__suffix"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  <svg
+                    class="t-icon t-icon-search"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="search"
+                    >
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M15.8027 15.8037L21.106 21.107"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\filter.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+        style="width: 280px;"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="组件默认过滤规则（不区分大小写）"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+        style="width: 280px;"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="组件默认过滤规则（不区分大小写）"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\option.tsx 1`] = `
+<div>
+  <div
+    class="t-demo-autocomplete-option"
+  >
+    <div
+      class="t-auto-complete"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入关键词搜索"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-size-s t-align-left t-input--prefix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              小尺寸：
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--prefix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              中尺寸：
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-size-l t-align-left t-input--prefix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              大尺寸：
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-auto-complete"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-is-disabled t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              disabled=""
+              placeholder="请输入关键词搜索"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-is-readonly t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              readonly=""
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-is-warning"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-is-error"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-is-success"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入关键词搜索"
+              type="text"
+              value=""
+            />
+          </div>
+          <div
+            class="t-input__tips t-input__tips--success"
+          >
+            这是成功状态
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `
+<div>
+  <div
+    class="t-auto-complete"
+  >
+    <div
+      class="t-textarea"
+    >
+      <textarea
+        class="t-textarea__inner t-is-default"
+        placeholder="自定义联想词触发元素"
+        style="height: auto; min-height: auto;"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\adjust.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar t-avatar--circle"
+        style="margin-right: 40px;"
+      >
+        <span
+          style="transform: scale(1);"
+        >
+          王
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar t-avatar--circle"
+        style="margin-right: 40px;"
+      >
+        <span
+          style="transform: scale(1);"
+        >
+          王亿
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar t-avatar--circle"
+        style="margin-right: 40px;"
+      >
+        <span
+          style="transform: scale(1);"
+        >
+          王亿亿
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar t-avatar--circle t-avatar__icon"
+        style="margin-right: 40px;"
+      >
+        <svg
+          class="t-icon t-icon-user"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="user"
+          >
+            <g
+              id="fill1"
+            >
+              <path
+                d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                fill="transparent"
+              />
+              <path
+                d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                fill="transparent"
+              />
+            </g>
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar t-avatar--circle"
+        style="margin-right: 40px;"
+      >
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square"
+        >
+          <img
+            class="t-image t-image--fit-fill t-image--position-center"
+            src="https://tdesign.gtimg.com/site/avatar.jpg"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="fill: none; font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="image"
+                  >
+                    <path
+                      d="M3 21H20L9 10L3 16V21Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      fill="transparent"
+                      id="fill2"
+                      r="2"
+                    />
+                    <path
+                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      id="stroke2"
+                      r="2"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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="margin-right: 40px;"
+      >
+        <span
+          style="transform: scale(1);"
+        >
+          W
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar-group t-avatar--offset-right"
+      >
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span
+            style="transform: scale(1);"
+          >
+            W
+          </span>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle t-avatar__icon"
+        >
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group-cascading.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar-group t-avatar--offset-right"
+      >
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span
+            style="transform: scale(1);"
+          >
+            W
+          </span>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle t-avatar__icon"
+        >
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </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"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle"
+        >
+          <span
+            style="transform: scale(1);"
+          >
+            W
+          </span>
+        </div>
+        <div
+          class="t-avatar t-avatar--circle t-avatar__icon"
+        >
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group-max.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-avatar 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--round"
+        style="margin-right: 40px;"
+      >
+        <span
+          style="transform: scale(1);"
+        >
+          W
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+                alt="test"
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/site/avatar.jpg"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/site/avatar.jpg"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/site/avatar.jpg"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/site/avatar.jpg"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\baseList.tsx 1`] = `
+<div>
+  <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
+      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;"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-backtop t-back-top__icon"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="backtop"
+        >
+          <path
+            d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+      <span
+        class="t-back-top__text"
+      >
+        TOP
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\baseListSmall.tsx 1`] = `
+<div>
+  <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
+      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;"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-backtop t-back-top__icon"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="backtop"
+        >
+          <path
+            d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+      <span
+        class="t-back-top__text"
+      >
+        TOP
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\custom.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <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;"
+        type="button"
+      >
+        <span
+          class="custom-node"
+        >
+          返回
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <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;"
+        type="button"
+      >
+        <span>
+          TOP
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <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;"
+        type="button"
+      >
+        <span>
+          UP
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <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;"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-backtop t-back-top__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 24px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="backtop"
+              >
+                <path
+                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-back-top__text"
+            >
+              TOP
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\base.tsx 1`] = `
+<div>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+         
+      </span>
+    </button>
+    <span
+      class="t-badge--dot"
+    />
+  </span>
+  <span
+    class="t-badge"
+  >
+    解锁新徽章
+    <span
+      class="t-badge--dot"
+    />
+  </span>
+  <span
+    class="t-badge"
+  >
+    <svg
+      class="t-icon t-icon-user"
+      fill="none"
+      height="1em"
+      style="fill: none; font-size: 24px;"
+      viewBox="0 0 24 24"
+      width="1em"
+    >
+      <g
+        id="user"
+      >
+        <g
+          id="fill1"
+        >
+          <path
+            d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+            fill="transparent"
+          />
+          <path
+            d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+            fill="transparent"
+          />
+        </g>
+        <g
+          id="stroke1"
+        >
+          <path
+            d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+          <path
+            d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </g>
+    </svg>
+    <span
+      class="t-badge--dot"
+    />
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\color.tsx 1`] = `
+<div>
+  <label
+    class="t-checkbox"
+    tabindex="0"
+  >
+    <input
+      class="t-checkbox__former"
+      data-value="true"
+      tabindex="-1"
+      type="checkbox"
+      value="1"
+    />
+    <span
+      class="t-checkbox__input"
+    />
+    <span
+      class="t-checkbox__label"
+    >
+      红点样式
+    </span>
+  </label>
+  <div>
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(244, 67, 54);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(233, 30, 99);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(156, 39, 176);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(63, 81, 181);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(33, 150, 243);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(3, 169, 244);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(0, 188, 212);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(0, 150, 136);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(76, 175, 80);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(139, 195, 74);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(205, 220, 57);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(255, 235, 59);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(255, 193, 7);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(255, 152, 0);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(255, 87, 34);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(121, 85, 72);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(158, 158, 158);"
+    />
+    <span
+      class="t-badge--static t-badge--dot"
+      style="background-color: rgb(96, 125, 139);"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\custom.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--dot"
+            />
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <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: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--circle"
+            >
+              new
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--round"
+            >
+              100
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--dot"
+            />
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--circle"
+            >
+              <span>
+                hot
+              </span>
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--circle"
+            >
+              <span>
+                new
+              </span>
+            </span>
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span
+            class="t-badge"
+          >
+            <div
+              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
+            />
+            <span
+              class="t-badge--circle"
+            >
+              <span>
+                new
+              </span>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\number.tsx 1`] = `
+<div>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+         
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      2
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+         
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      99
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+         
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      99+
+    </span>
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\offset.tsx 1`] = `
+<div>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        默认
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      2
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <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
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <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
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <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
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        [10,-10]
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+      style="right: 10px; margin-top: -10px;"
+    >
+      2
+    </span>
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\shape.tsx 1`] = `
+<div>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+         circle
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      2
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        round
+      </span>
+    </button>
+    <span
+      class="t-badge--round"
+    >
+      99
+    </span>
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\size.tsx 1`] = `
+<div>
+  <h3
+    style="margin-bottom: 16px;"
+  >
+    1.默认大小
+  </h3>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        按钮
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      2
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        按钮
+      </span>
+    </button>
+    <span
+      class="t-badge--circle"
+    >
+      99
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <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
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        按钮
+      </span>
+    </button>
+    <span
+      class="t-badge--circle t-size-s"
+    >
+      2
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        按钮
+      </span>
+    </button>
+    <span
+      class="t-badge--circle t-size-s"
+    >
+      99
+    </span>
+  </span>
+  <span
+    class="t-badge"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        按钮
+      </span>
+    </button>
+    <span
+      class="t-badge--circle t-size-s"
+    >
+      99+
+    </span>
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\base.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\custom.tsx 1`] = `
+<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"
+      >
+        &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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\custom-ellipsis.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class=""
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-ellipsis"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="ellipsis"
+                >
+                  <g
+                    id="stroke1"
+                  >
+                    <path
+                      d="M4 11.5H5V12.5H4V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M19 11.5H20V12.5H19V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </button>
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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"
+          >
+            页面5
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </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: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            页面1
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class=""
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-ellipsis"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="ellipsis"
+                >
+                  <g
+                    id="stroke1"
+                  >
+                    <path
+                      d="M4 11.5H5V12.5H4V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M19 11.5H20V12.5H19V11.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </button>
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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"
+          >
+            页面5
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\ellipsis.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class=""
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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"
+          >
+            页面5
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </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: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            页面1
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class=""
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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"
+          >
+            页面5
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\href.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none; opacity: 0.5;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none; opacity: 0.5;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none; opacity: 0.5;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      style="margin-top: 20px;"
+    >
+      点击计数器：
+      0
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\icon.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-bookmark"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="bookmark"
+            >
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            页面1
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class="t-breadcrumb--text-overflow"
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <svg
+            class="t-icon t-icon-bookmark"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="bookmark"
+            >
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            页面2
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+    <div
+      class="t-breadcrumb__item"
+    >
+      <span
+        class="t-breadcrumb--text-overflow"
+      >
+        <span
+          class="t-breadcrumb__inner"
+          style="max-width: 120px;"
+        >
+          <svg
+            class="t-icon t-icon-bookmark"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="bookmark"
+            >
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M5 4H19V21L12 16L5 21V4Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-breadcrumb__inner-text"
+          >
+            页面3
+          </span>
+        </span>
+      </span>
+      <span
+        class="t-breadcrumb__separator"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\options.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\to.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\width.tsx 1`] = `
+<div>
+  <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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none; opacity: 0.5;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          填充按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          描边按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-dashed"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          虚框按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-text"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          文字按钮
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\block.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          填充按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          描边按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          虚框按钮
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-text t-size-full-width"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          文字按钮
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\custom-element.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          div
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          a
+        </span>
+      </a>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-button t-button--theme-primary t-button--variant-base"
+        href="#"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          a:href
+        </span>
+      </a>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\ghost.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-text t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              幽灵按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-add"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="add"
+          >
+            <path
+              d="M12 5L12 19M19 12L5 12"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          新建
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-cloud-upload"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="cloud-upload"
+          >
+            <path
+              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M8 15L12 11L16 15M12 22V12.25"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          上传文件
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-discount"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="discount"
+          >
+            <path
+              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+              fill="transparent"
+              id="fill2"
+            />
+            <path
+              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-width="2"
+            />
+            <path
+              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-cloud-download"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="cloud-download"
+          >
+            <path
+              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M8 18L12 22L16 18M12 20.75V11"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-search"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="search"
+          >
+            <path
+              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M15.8027 15.8037L21.106 21.107"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          Function Icon
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-calendar"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="calendar"
+                >
+                  <path
+                    d="M21 10H3V21H21V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M21 10H3V5H21V10Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-l"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline t-size-l"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed t-size-l"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-size-l"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          填充按钮
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base t-is-loading"
+        disabled=""
+        type="button"
+      >
+        <div
+          class="t-loading t-loading--center t-size-m t-loading--inherit-color"
+        >
+          <svg
+            class="t-loading__gradient t-icon-loading"
+            height="1em"
+            version="1.1"
+            viewBox="0 0 12 12"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <foreignobject
+              height="12"
+              width="12"
+              x="0"
+              y="0"
+            >
+              <div
+                class="t-loading__gradient-conic"
+              />
+            </foreignobject>
+          </svg>
+        </div>
+        <span
+          class="t-button__text"
+        >
+          加载中
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\button\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              填充按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              描边按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-dashed"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              虚框按钮
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-success t-button--variant-text"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              文字按钮
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\card.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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: 0px 10px 0px 0px;"
+          >
+            <div
+              class="t-select t-select-input"
+            >
+              <div
+                class="t-input__wrap"
+                spellcheck="false"
+                value="卡片风格"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="卡片风格"
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-left: 12px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              回到今天
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            日期补零：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-size-l"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-calendar t-calendar--card"
+      >
+        <div
+          class="t-calendar__control"
+        >
+          <div
+            class="t-calendar__title"
+          />
+          <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"
+                >
+                  <div
+                    class="t-input__wrap t-input--auto-width"
+                    spellcheck="false"
+                    value="2020 年"
+                  >
+                    <div
+                      class="t-input t-size-s t-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        value="2020 年"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        2020 年
+                      </span>
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </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"
+                >
+                  <div
+                    class="t-input__wrap t-input--auto-width"
+                    spellcheck="false"
+                    value="12 月"
+                  >
+                    <div
+                      class="t-input t-size-s t-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        value="12 月"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        12 月
+                      </span>
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </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
+                  class="t-radio-button t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio-button__former"
+                    data-value="'month'"
+                    tabindex="-1"
+                    type="radio"
+                    value="month"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    月
+                  </span>
+                </label>
+                <label
+                  class="t-radio-button"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio-button__former"
+                    data-value="'year'"
+                    tabindex="-1"
+                    type="radio"
+                    value="year"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    年
+                  </span>
+                </label>
+                <div
+                  class="t-radio-group__bg-block"
+                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                />
+              </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\cell.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+                  class="t-space t-space-vertical"
+                  style="gap: 2px;"
+                >
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\cell-append.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </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"
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\controller-config.tsx 1`] = `
+<div>
+  <div
+    class="controllerConfig-demo"
+  >
+    <div
+      style="margin: 12px 0px;"
+    >
+      <fieldset>
+        <legend>
+          控件全局
+        </legend>
+        <p>
+          <label>
+            是否显示（全部控件）：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <p>
+          <label>
+            是否禁用（全部控件）：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+      </fieldset>
+      <fieldset>
+        <legend>
+          控件局部
+        </legend>
+        <p>
+          <label>
+            是否显示“模式切换”控件：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“模式切换”控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <p>
+          <label>
+            是否显示“年份选择”控件：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“年份选择”控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <p>
+          <label>
+            是否显示“月份选择”控件：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“月份选择”控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <p>
+          <label>
+            是否禁用“隐藏周末”控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“显示周末”控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否显示“隐藏\\显示周末”控件：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <p>
+          <label>
+            是否显示“今天\\本月”控件：
+          </label>
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“今天”按钮控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+          <label>
+            是否禁用“本月”按钮控件：
+          </label>
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </p>
+        <br />
+        <div
+          class="t-calendar t-calendar--full"
+        >
+          <div
+            class="t-calendar__control"
+          >
+            <div
+              class="t-calendar__title"
+            />
+            <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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="2020 年"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="2020 年"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          2020 年
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="12 月"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="12 月"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          12 月
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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
+                    class="t-radio-button t-is-checked"
+                    tabindex="0"
+                  >
+                    <input
+                      checked=""
+                      class="t-radio-button__former"
+                      data-value="'month'"
+                      tabindex="-1"
+                      type="radio"
+                      value="month"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      月
+                    </span>
+                  </label>
+                  <label
+                    class="t-radio-button"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-radio-button__former"
+                      data-value="'year'"
+                      tabindex="-1"
+                      type="radio"
+                      value="year"
+                    />
+                    <span
+                      class="t-radio-button__input"
+                    />
+                    <span
+                      class="t-radio-button__label"
+                    >
+                      年
+                    </span>
+                  </label>
+                  <div
+                    class="t-radio-group__bg-block"
+                    style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                  />
+                </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
+                  class="t-button t-button--theme-primary t-button--variant-base"
+                  type="button"
+                >
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\events.tsx 1`] = `
+<div>
+  <div>
+    <div
+      style="margin: 12px 0px;"
+    >
+      <label>
+        禁用单元格右键菜单：
+      </label>
+      <button
+        class="t-switch t-size-m"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-calendar t-calendar--full"
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        />
+        <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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="2020 年"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="2020 年"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      2020 年
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="12 月"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="12 月"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      12 月
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'month'"
+                  tabindex="-1"
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  月
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'year'"
+                  tabindex="-1"
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  年
+                </span>
+              </label>
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; height: 0px; left: 0px; top: 0px;"
+              />
+            </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
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\filter.tsx 1`] = `
+<div>
+  <div>
+    <div
+      style="margin: 12px 0px;"
+    >
+      <label>
+        显示周末
+      </label>
+      <button
+        class="t-switch t-is-checked t-size-m"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-calendar t-calendar--full"
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        />
+        <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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="2020 年"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="2020 年"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      2020 年
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="12 月"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="12 月"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      12 月
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'month'"
+                  tabindex="-1"
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  月
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'year'"
+                  tabindex="-1"
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  年
+                </span>
+              </label>
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; height: 0px; left: 0px; top: 0px;"
+              />
+            </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
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\first-day-of-week.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="margin: 12px 0px; gap: 16px;"
+    >
+      <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: 0px 10px 0px 0px;"
+        >
+          <div
+            class="t-select t-select-input"
+          >
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="周三"
+            >
+              <div
+                class="t-input t-align-left t-input--suffix"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  value="周三"
+                />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-fake-arrow t-select__right-icon"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-calendar t-calendar--full"
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        />
+        <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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="2020 年"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="2020 年"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      2020 年
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="12 月"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="12 月"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      12 月
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'month'"
+                  tabindex="-1"
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  月
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'year'"
+                  tabindex="-1"
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  年
+                </span>
+              </label>
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; height: 0px; left: 0px; top: 0px;"
+              />
+            </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
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\head.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\mode.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-space t-space-align-center t-space-horizontal"
+      style="margin: 12px 0px; gap: 16px;"
+    >
+      <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: 0px 10px 0px 0px;"
+        >
+          <div
+            class="t-select t-select-input"
+          >
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="月历"
+            >
+              <div
+                class="t-input t-align-left t-input--suffix"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  value="月历"
+                />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-fake-arrow t-select__right-icon"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-calendar t-calendar--full"
+    >
+      <div
+        class="t-calendar__control"
+      >
+        <div
+          class="t-calendar__title"
+        />
+        <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"
+              >
+                <div
+                  class="t-input__wrap t-input--auto-width"
+                  spellcheck="false"
+                  value="2020 年"
+                >
+                  <div
+                    class="t-input t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="2020 年"
+                    />
+                    <span
+                      class="t-input__input-pre"
+                    >
+                      2020 年
+                    </span>
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-select__right-icon"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          />
+          <div
+            class="t-calendar__control-section-cell"
+            style="height: auto;"
+          >
+            <div
+              class="t-radio-group t-size-m t-radio-group--filled"
+            >
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'month'"
+                  tabindex="-1"
+                  type="radio"
+                  value="month"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  月
+                </span>
+              </label>
+              <label
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'year'"
+                  tabindex="-1"
+                  type="radio"
+                  value="year"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  年
+                </span>
+              </label>
+              <div
+                class="t-radio-group__bg-block"
+                style="width: 0px; height: 0px; left: 0px; top: 0px;"
+              />
+            </div>
+          </div>
+          <div
+            class="t-calendar__control-section-cell"
+          >
+            <button
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                本月
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-calendar__panel t-calendar__panel--year"
+      >
+        <table
+          class="t-calendar__table"
+        >
+          <tbody
+            class="t-calendar__table-body"
+          >
+            <tr
+              class="t-calendar__table-body-row"
+            >
+              <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>
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
+            >
+              <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>
+              <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>
+            </tr>
+            <tr
+              class="t-calendar__table-body-row"
+            >
+              <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 t-is-checked t-calendar__table-body-cell--now"
+              >
+                <div
+                  class="t-calendar__table-body-cell-display"
+                >
+                  12 月
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\range.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+                  class="t-space t-space-vertical"
+                  style="gap: 2px;"
+                >
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\value.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="1998 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="1998 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    1998 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="11 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="11 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    11 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\week.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020 年"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="2020 年"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020 年
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="12 月"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="12 月"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    12 月
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                月
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                年
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\base.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\bordered.tsx 1`] = `
+<div>
+  <div
+    class="t-card t-card--bordered"
+    style="width: 400px;"
+  >
+    <div
+      class="t-card__body"
+    >
+      仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\bordered-none.tsx 1`] = `
+<div>
+  <div
+    style="padding: 16px;"
+  >
+    <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\custom-loading-props.tsx 1`] = `
+<div>
+  <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"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        <div
+          class="t-loading__text"
+        >
+          TDesign努力加载中...
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer.tsx 1`] = `
+<div>
+  <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
+                class="t-icon t-icon-user"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="user"
+                >
+                  <g
+                    id="fill1"
+                  >
+                    <path
+                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                      fill="transparent"
+                    />
+                    <path
+                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                      fill="transparent"
+                    />
+                  </g>
+                  <g
+                    id="stroke1"
+                  >
+                    <path
+                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </span>
+          </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
+        alt=""
+        src="https://tdesign.gtimg.com/site/source/card-demo.png"
+      />
+    </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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-thumb-up"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="thumb-up"
+                  >
+                    <path
+                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-chat"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chat"
+                  >
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-share"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="share"
+                  >
+                    <g
+                      id="fill1"
+                    >
+                      <path
+                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
+                        fill="transparent"
+                      />
+                    </g>
+                    <path
+                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-actions.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-card t-card--bordered"
+        style="width: 400px;"
+      >
+        <div
+          class="t-card__cover"
+        >
+          <img
+            alt=""
+            src="https://tdesign.gtimg.com/site/source/card-demo.png"
+          />
+        </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-basis: auto;"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    <svg
+                      class="t-icon t-icon-thumb-up"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="thumb-up"
+                      >
+                        <path
+                          d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="t-divider t-divider--vertical"
+              />
+              <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-basis: auto;"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    <svg
+                      class="t-icon t-icon-chat"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chat"
+                      >
+                        <path
+                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="t-divider t-divider--vertical"
+              />
+              <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-basis: auto;"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    <svg
+                      class="t-icon t-icon-share"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="share"
+                      >
+                        <g
+                          id="fill1"
+                        >
+                          <path
+                            d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
+                            fill="transparent"
+                          />
+                        </g>
+                        <path
+                          d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+            alt=""
+            src="https://tdesign.gtimg.com/site/source/card-demo.png"
+          />
+        </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-basis: auto;"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                  style="margin-right: 8px;"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    <svg
+                      class="t-icon t-icon-heart"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 16px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="heart"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
+                          fill="transparent"
+                          fill-rule="evenodd"
+                          id="fill1"
+                        />
+                        <path
+                          clip-rule="evenodd"
+                          d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
+                          fill-rule="evenodd"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </button>
+                <button
+                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                  type="button"
+                >
+                  <span
+                    class="t-button__text"
+                  >
+                    <svg
+                      class="t-icon t-icon-share"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 16px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="share"
+                      >
+                        <g
+                          id="fill1"
+                        >
+                          <path
+                            d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
+                            fill="transparent"
+                          />
+                        </g>
+                        <path
+                          d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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-basis: auto;"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  <svg
+                    class="t-icon t-icon-more"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="more"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M11.5 4H12.5V5H11.5V4Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 19H12.5V20H11.5V19Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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
+            alt=""
+            src="https://tdesign.gtimg.com/site/source/card-demo.png"
+          />
+        </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"
+              >
+                <div
+                  class="t-image__wrapper t-image__wrapper--shape-square"
+                >
+                  <img
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <div
+                      class="t-space t-space-align-center t-space-vertical"
+                      style="gap: 8px;"
+                    >
+                      <div
+                        class="t-space-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-image"
+                          fill="none"
+                          height="1em"
+                          style="fill: none; font-size: 24px;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                      <div
+                        class="t-space-item"
+                      >
+                        图片加载中
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-avatar t-avatar--circle"
+              >
+                <span
+                  style="transform: scale(1);"
+                >
+                  Q
+                </span>
+              </div>
+              <div
+                class="t-avatar t-avatar__collapse t-avatar--circle"
+              >
+                <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-basis: auto;"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  <svg
+                    class="t-icon t-icon-more"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="more"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M11.5 4H12.5V5H11.5V4Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 19H12.5V20H11.5V19Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-content.tsx 1`] = `
+<div>
+  <div
+    class="t-card t-card--bordered"
+    style="width: 400px;"
+  >
+    <div
+      class="t-card__cover"
+    >
+      <img
+        alt=""
+        src="https://tdesign.gtimg.com/site/source/card-demo.png"
+      />
+    </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
+                alt=""
+                class="t-comment__avatar-image"
+                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
+              />
+            </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-content-actions.tsx 1`] = `
+<div>
+  <div
+    class="t-card t-card--bordered"
+    style="width: 400px;"
+  >
+    <div
+      class="t-card__cover"
+    >
+      <img
+        alt=""
+        src="https://tdesign.gtimg.com/site/source/card-demo.png"
+      />
+    </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
+                alt=""
+                class="t-comment__avatar-image"
+                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
+              />
+            </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
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-more"
+            >
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header.tsx 1`] = `
+<div>
+  <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[`csr snapshot test > csr test packages\\components\\card\\_example\\header-all-props.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-bordered.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-description.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-footer-actions.tsx 1`] = `
+<div>
+  <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
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-more"
+            >
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-card__cover"
+    >
+      <img
+        alt=""
+        src="https://tdesign.gtimg.com/site/source/card-demo.png"
+      />
+    </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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-thumb-up"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="thumb-up"
+                  >
+                    <path
+                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-chat"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chat"
+                  >
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-share"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="share"
+                  >
+                    <g
+                      id="fill1"
+                    >
+                      <path
+                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
+                        fill="transparent"
+                      />
+                    </g>
+                    <path
+                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-subtitle.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-subtitle-footer-actions.tsx 1`] = `
+<div>
+  <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
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-more"
+            >
+              <use
+                xlink:href="#t-icon-more"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-card__cover"
+    >
+      <img
+        alt=""
+        src="https://tdesign.gtimg.com/site/source/card-demo.png"
+      />
+    </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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-thumb-up"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="thumb-up"
+                  >
+                    <path
+                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-chat"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chat"
+                  >
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+          <div
+            class="t-divider t-divider--vertical"
+          />
+          <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-basis: auto;"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                <svg
+                  class="t-icon t-icon-share"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="share"
+                  >
+                    <g
+                      id="fill1"
+                    >
+                      <path
+                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
+                        fill="transparent"
+                      />
+                      <path
+                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
+                        fill="transparent"
+                      />
+                    </g>
+                    <path
+                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-cascader t-select-input t-select-input--empty"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-align-left t-input--suffix"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="请选择"
+          readonly=""
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow t-cascader__icon"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\check-strictly.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="1 / 1.2 / 1.2.2"
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value="1 / 1.2 / 1.2.2"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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="1/1.1/1.1.2/1.1.2.1"
+                >
+                  1/1.1/1.1.2/1.1.2.1
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span
+                  title="2"
+                >
+                  2
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\collapsed.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  +
+                  2
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <span
+                style="color: rgb(0, 168, 112);"
+              >
+                +
+                1
+              </span>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\custom-options.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="选项一 / 子选项一"
+        >
+          <div
+            class="t-input t-is-disabled t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              disabled=""
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value="选项一 / 子选项一"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon t-is-disabled"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                class="t-tag t-tag--default t-tag--dark t-tag--disabled"
+              >
+                <span
+                  title="选项一/子选项一"
+                >
+                  选项一/子选项一
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              disabled=""
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon t-is-disabled"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\ellipsis.tsx 1`] = `
+<div>
+  <div
+    class="t-cascader t-select-input t-select-input--empty"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-align-left t-input--suffix"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="请选择"
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow t-cascader__icon"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\filterable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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="当选项一数据展示文本过长时/子选项一"
+                >
+                  当选项一数据展示文本过长时/子选项一
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\keys.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            />
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              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"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\load.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            />
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              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"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\max.tsx 1`] = `
+<div>
+  <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"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+      >
+        <div
+          class="t-input__prefix"
+        />
+        <input
+          class="t-input__inner"
+          placeholder="请选择"
+          readonly=""
+          type="text"
+          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"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo-block-row"
+  >
+    <div
+      class="t-cascader 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"
+        spellcheck="false"
+        value=""
+      >
+        <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="选项8/子选项一"
+              >
+                选项8/子选项一
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-cascader__icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\panel.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="border: 1px solid #eee; width: 100%;"
+      >
+        <div
+          class="t-cascader__panel t-cascader--normal"
+        >
+          <ul
+            class="t-cascader__menu narrow-scrollbar"
+          >
+            <li
+              class="t-cascader__item t-size-m t-cascader__item--with-icon"
+            >
+              <span
+                class="t-cascader__item-label t-cascader__item-label--ellipsis"
+                role="label"
+                title="选项一"
+              >
+                选项一
+              </span>
+              <svg
+                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-right"
+                >
+                  <path
+                    d="M9.5 17.5L15 12L9.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </li>
+            <li
+              class="t-cascader__item t-size-m t-cascader__item--with-icon"
+            >
+              <span
+                class="t-cascader__item-label t-cascader__item-label--ellipsis"
+                role="label"
+                title="选项二"
+              >
+                选项二
+              </span>
+              <svg
+                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-right"
+                >
+                  <path
+                    d="M9.5 17.5L15 12L9.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="border: 1px solid #eee; width: 100%;"
+      >
+        <div
+          class="t-cascader__panel t-cascader--normal"
+        >
+          <ul
+            class="t-cascader__menu narrow-scrollbar"
+          >
+            <li
+              class="t-cascader__item t-size-m t-cascader__item--with-icon"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+                title="选项一"
+              >
+                <input
+                  class="t-checkbox__former"
+                  name="1"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
+                >
+                  选项一
+                </span>
+              </label>
+              <svg
+                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-right"
+                >
+                  <path
+                    d="M9.5 17.5L15 12L9.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </li>
+            <li
+              class="t-cascader__item t-size-m t-cascader__item--with-icon"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+                title="选项二"
+              >
+                <input
+                  class="t-checkbox__former"
+                  name="2"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
+                >
+                  选项二
+                </span>
+              </label>
+              <svg
+                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-right"
+                >
+                  <path
+                    d="M9.5 17.5L15 12L9.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\show-all-levels.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            />
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              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"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-size-s t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-size-l t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\trigger.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-display.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=" "
+        >
+          <div
+            class="t-input t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              <div
+                class="t-tag-input__prefix"
+              >
+                单选：
+              </div>
+              <div>
+                <img
+                  src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
+                />
+                <span>
+                  子选项二
+                </span>
+                <span>
+                  (
+                  2.2
+                  )
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=" "
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input t-select-input--multiple"
+        style="width: 500px;"
+      >
+        <div
+          class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  <img
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
+                  />
+                  <span>
+                    子选项三
+                  </span>
+                  <span>
+                    (
+                    1.3
+                    )
+                  </span>
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  <img
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
+                  />
+                  <span>
+                    子选项一
+                  </span>
+                  <span>
+                    (
+                    2.1
+                    )
+                  </span>
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  <img
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
+                  />
+                  <span>
+                    子选项二
+                  </span>
+                  <span>
+                    (
+                    2.2
+                    )
+                  </span>
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-mode.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="width: 100px;"
+          >
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="onlyLeaf"
+              >
+                onlyLeaf
+              </span>
+            </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"
+              spellcheck="false"
+              value=""
+            >
+              <div
+                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+              >
+                <div
+                  class="t-input__prefix"
+                />
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  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"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="width: 100px;"
+          >
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="parentFirst"
+              >
+                parentFirst
+              </span>
+            </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"
+              spellcheck="false"
+              value=""
+            >
+              <div
+                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+              >
+                <div
+                  class="t-input__prefix"
+                />
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  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"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="width: 100px;"
+          >
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="all"
+              >
+                all
+              </span>
+            </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"
+              spellcheck="false"
+              value=""
+            >
+              <div
+                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
+              >
+                <div
+                  class="t-input__prefix"
+                />
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  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"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-type.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      ["1","1.1"]
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="选项一 / 子选项一"
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value="选项一 / 子选项一"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      [["1","1.1"],["1","1.2"]]
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-cascader 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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span
+                  title="选项一/子选项二"
+                >
+                  选项一/子选项二
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          未选中项
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox t-is-indeterminate"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          半选状态
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          选中项
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox t-is-disabled"
+      >
+        <input
+          class="t-checkbox__former"
+          disabled=""
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          未选禁用项
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox t-is-checked t-is-disabled"
+      >
+        <input
+          checked=""
+          class="t-checkbox__former"
+          disabled=""
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          选中禁用项
+        </span>
+      </label>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\controlled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          受控属性
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          非受控属性
+        </span>
+      </label>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          禁用全部
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <strong>
+            写法一：使用 options
+          </strong>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            选中值: 
+            广州
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-checkbox-group"
+          >
+            <label
+              class="t-checkbox t-is-indeterminate"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                全选
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'北京'"
+                tabindex="-1"
+                type="checkbox"
+                value="北京"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'上海'"
+                tabindex="-1"
+                type="checkbox"
+                value="上海"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-is-checked t-is-disabled"
+            >
+              <input
+                checked=""
+                class="t-checkbox__former"
+                data-value="'广州'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="广州"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                广州
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-divider t-divider--horizontal"
+      />
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <strong>
+            写法二：使用插槽
+          </strong>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            选中值: 
+            上海
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-checkbox-group"
+          >
+            <label
+              class="t-checkbox t-is-indeterminate"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                全选
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'北京'"
+                tabindex="-1"
+                type="checkbox"
+                value="北京"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-checkbox__former"
+                data-value="'上海'"
+                tabindex="-1"
+                type="checkbox"
+                value="上海"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'广州'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="广州"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                广州
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\link.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              腾讯云A
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              腾讯云B
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              腾讯云C
+            </span>
+          </label>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-left: 16px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              全选
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\max.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        最多可选:
+         
+        <div
+          class="t-input-number t-size-m t-input-number--row"
+        >
+          <button
+            class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-remove t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="remove"
+              >
+                <path
+                  d="M19 12L5 12"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="1"
+          >
+            <div
+              class="t-input t-align-center"
+            >
+              <input
+                autocomplete="off"
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value="1"
+              />
+            </div>
+          </div>
+          <button
+            class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-add t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="add"
+              >
+                <path
+                  d="M12 5L12 19M19 12L5 12"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        选中值: 
+        北京
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-checkbox-group"
+      >
+        <label
+          class="t-checkbox t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            data-value="'北京'"
+            tabindex="-1"
+            type="checkbox"
+            value="北京"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-disabled"
+        >
+          <input
+            class="t-checkbox__former"
+            data-value="'上海'"
+            disabled=""
+            tabindex="-1"
+            type="checkbox"
+            value="上海"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-disabled"
+        >
+          <input
+            class="t-checkbox__former"
+            data-value="'广州'"
+            disabled=""
+            tabindex="-1"
+            type="checkbox"
+            value="广州"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-disabled"
+        >
+          <input
+            class="t-checkbox__former"
+            data-value="'深圳'"
+            disabled=""
+            tabindex="-1"
+            type="checkbox"
+            value="深圳"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            深圳
+          </span>
+        </label>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\base.tsx 1`] = `
+<div>
+  <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          这是一个折叠标题
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          设置默认展开项
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active appear appear-active"
+          style="height: 0px;"
+        >
+          <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          自定义折叠面板内容
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+                spellcheck="false"
+                value=""
+              >
+                <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
+                        class="t-icon t-icon-close t-tag__icon-close"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="close"
+                        >
+                          <path
+                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-tag t-tag--default t-tag--dark"
+                    >
+                      <span
+                        title="React"
+                      >
+                        React
+                      </span>
+                      <svg
+                        class="t-icon t-icon-close t-tag__icon-close"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="close"
+                        >
+                          <path
+                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder=""
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  />
+                </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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          当前折叠面板折叠时，销毁面板内容
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          嵌套使用折叠面板
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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 t-collapse-panel__icon--active"
+                    >
+                      <svg
+                        class="t-fake-arrow t-collapse-panel__icon--default"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </svg>
+                    </div>
+                    这是一个折叠标题
+                    <div
+                      class="t-collapse-panel__header--blank"
+                    />
+                  </div>
+                  <div
+                    class="t-collapse-panel__body t-slide-down-enter-active enter enter-active"
+                    style="height: 0px;"
+                  >
+                    <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"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </svg>
+                    </div>
+                    这是一个折叠标题
+                    <div
+                      class="t-collapse-panel__header--blank"
+                    />
+                  </div>
+                  <div
+                    class="t-collapse-panel__body t-slide-down-enter-active enter enter-active"
+                    style="height: 0px;"
+                  >
+                    <div
+                      class="t-collapse-panel__content"
+                    >
+                      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              这是一个折叠标题
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </div>
+            <div
+              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+              style="height: 0px;"
+            >
+              <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              折叠后自动销毁
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              自定义折叠面板内容
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </div>
+            <div
+              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+              style="height: 0px;"
+            >
+              <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"
+                    spellcheck="false"
+                    value=""
+                  >
+                    <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
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            style="fill: none;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="close"
+                            >
+                              <path
+                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                        <div
+                          class="t-tag t-tag--default t-tag--dark"
+                        >
+                          <span
+                            title="React"
+                          >
+                            React
+                          </span>
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            style="fill: none;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="close"
+                            >
+                              <path
+                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      />
+                    </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-icon t-icon-star"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="star"
+                  >
+                    <path
+                      d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              自定义图标
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </div>
+            <div
+              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+              style="height: 0px;"
+            >
+              <div
+                class="t-collapse-panel__content"
+              >
+                这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-m t-radio-group__outline"
+          >
+            <label
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="1"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                左边
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="2"
+                tabindex="-1"
+                type="radio"
+                value="2"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                右边
+              </span>
+            </label>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                仅图标响应点击
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\mutex.tsx 1`] = `
+<div>
+  <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          这是一个折叠标题
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          折叠后自动销毁
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          自定义折叠面板内容
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+                spellcheck="false"
+                value=""
+              >
+                <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
+                        class="t-icon t-icon-close t-tag__icon-close"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="close"
+                        >
+                          <path
+                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-tag t-tag--default t-tag--dark"
+                    >
+                      <span
+                        title="React"
+                      >
+                        React
+                      </span>
+                      <svg
+                        class="t-icon t-icon-close t-tag__icon-close"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="close"
+                        >
+                          <path
+                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder=""
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\other.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              这是一个折叠标题
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </div>
+            <div
+              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+              style="height: 0px;"
+            >
+              <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              折叠后自动销毁
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              自定义折叠面板内容
+              <div
+                class="t-collapse-panel__header--blank"
+              />
+            </div>
+            <div
+              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+              style="height: 0px;"
+            >
+              <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"
+                    spellcheck="false"
+                    value=""
+                  >
+                    <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
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            style="fill: none;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="close"
+                            >
+                              <path
+                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                        <div
+                          class="t-tag t-tag--default t-tag--dark"
+                        >
+                          <span
+                            title="React"
+                          >
+                            React
+                          </span>
+                          <svg
+                            class="t-icon t-icon-close t-tag__icon-close"
+                            fill="none"
+                            height="1em"
+                            style="fill: none;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="close"
+                            >
+                              <path
+                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                      <input
+                        class="t-input__inner"
+                        placeholder=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              禁止全部
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              无边框模式
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\rightSlot.tsx 1`] = `
+<div>
+  <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          这是一个折叠标题
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              操作
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          这是一个折叠标题
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              操作
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <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"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          这是一个折叠标题
+          <div
+            class="t-collapse-panel__header--blank"
+          />
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+              >
+                <input
+                  class="t-checkbox__former"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+                <span
+                  class="t-checkbox__label"
+                >
+                  是否禁止
+                </span>
+              </label>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  操作
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
+          style="height: 0px;"
+        >
+          <div
+            class="t-collapse-panel__content"
+          >
+            这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\color-mode.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <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"
+              spellcheck="false"
+              value="rgba(0, 82, 217, 1)"
+            >
+              <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: rgb(0, 82, 217);"
+                    />
+                  </div>
+                </div>
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  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"
+              spellcheck="false"
+              value="#0052d9"
+            >
+              <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: rgb(0, 82, 217);"
+                    />
+                  </div>
+                </div>
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  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
+      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"
+              spellcheck="false"
+              value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"
+            >
+              <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"
+                    />
+                  </div>
+                </div>
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\enable-alpha.tsx 1`] = `
+<div>
+  <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
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'monochrome'"
+              tabindex="-1"
+              type="radio"
+              value="monochrome"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              单色
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'linear-gradient'"
+              tabindex="-1"
+              type="radio"
+              value="linear-gradient"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              渐变
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-color-picker__body"
+    >
+      <div
+        class="t-color-picker__saturation"
+        style="background: rgb(0, 0, 0);"
+      >
+        <span
+          class="t-color-picker__thumb"
+          role="slider"
+          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+          tabindex="0"
+        />
+      </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"
+              />
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="left: 60%; color: rgb(0, 0, 0);"
+                tabindex="0"
+              />
+            </div>
+          </div>
+          <div
+            class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"
+          >
+            <div
+              class="t-color-picker__slider-padding"
+            />
+            <div
+              class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"
+            >
+              <div
+                class="t-color-picker__rail"
+              />
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="left: 80%; color: rgba(0, 82, 217, 0.8);"
+                tabindex="0"
+              />
+            </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);"
+          />
+        </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="HEX8"
+              >
+                <div
+                  class="t-input t-size-s t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="HEX8"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    HEX8
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+                spellcheck="false"
+                title="#0052d9cc"
+              >
+                <div
+                  class="t-input t-size-s t-align-center"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value="#0052d9cc"
+                  />
+                </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"
+                  spellcheck="false"
+                  value="80%"
+                >
+                  <div
+                    class="t-input t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value="80%"
+                    />
+                  </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
+                class="t-color-picker__icon"
+                role="button"
+              >
+                <svg
+                  class="t-icon t-icon-add"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="add"
+                  >
+                    <path
+                      d="M12 5L12 19M19 12L5 12"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </h3>
+          <ul
+            class="t-color-picker__swatches--items narrow-scrollbar"
+          />
+        </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: rgb(236, 242, 254);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(212, 227, 252);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(187, 211, 251);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(150, 187, 248);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(105, 158, 245);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(71, 135, 240);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(38, 111, 232);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 82, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 52, 181);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 31, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(253, 236, 238);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 215, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(248, 185, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 141, 148);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(243, 109, 120);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(227, 77, 89);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(201, 53, 63);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(177, 31, 38);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(149, 17, 20);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(104, 5, 6);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(254, 243, 230);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 224, 199);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 199, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(242, 153, 95);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(237, 123, 47);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(211, 90, 33);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(186, 67, 27);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(158, 54, 16);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(132, 43, 11);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(90, 25, 7);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(232, 248, 242);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(188, 235, 220);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(133, 219, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(72, 199, 156);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 168, 112);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(7, 141, 92);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(6, 121, 69);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(5, 99, 52);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(4, 79, 42);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(3, 48, 23);"
+                />
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\panel.tsx 1`] = `
+<div>
+  <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
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'monochrome'"
+              tabindex="-1"
+              type="radio"
+              value="monochrome"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              单色
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'linear-gradient'"
+              tabindex="-1"
+              type="radio"
+              value="linear-gradient"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              渐变
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-color-picker__body"
+    >
+      <div
+        class="t-color-picker__saturation"
+        style="background: rgb(0, 0, 0);"
+      >
+        <span
+          class="t-color-picker__thumb"
+          role="slider"
+          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+          tabindex="0"
+        />
+      </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"
+              />
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="left: 60%; color: rgb(0, 0, 0);"
+                tabindex="0"
+              />
+            </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: rgb(0, 82, 217);"
+          />
+        </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="HEX"
+              >
+                <div
+                  class="t-input t-size-s t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="HEX"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    HEX
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+                spellcheck="false"
+                title="#0052d9"
+              >
+                <div
+                  class="t-input t-size-s t-align-center"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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
+                class="t-color-picker__icon"
+                role="button"
+              >
+                <svg
+                  class="t-icon t-icon-add"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="add"
+                  >
+                    <path
+                      d="M12 5L12 19M19 12L5 12"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </h3>
+          <ul
+            class="t-color-picker__swatches--items narrow-scrollbar"
+          />
+        </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: rgb(236, 242, 254);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(212, 227, 252);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(187, 211, 251);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(150, 187, 248);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(105, 158, 245);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(71, 135, 240);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(38, 111, 232);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 82, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 52, 181);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 31, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(253, 236, 238);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 215, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(248, 185, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 141, 148);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(243, 109, 120);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(227, 77, 89);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(201, 53, 63);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(177, 31, 38);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(149, 17, 20);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(104, 5, 6);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(254, 243, 230);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 224, 199);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 199, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(242, 153, 95);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(237, 123, 47);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(211, 90, 33);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(186, 67, 27);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(158, 54, 16);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(132, 43, 11);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(90, 25, 7);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(232, 248, 242);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(188, 235, 220);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(133, 219, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(72, 199, 156);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 168, 112);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(7, 141, 92);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(6, 121, 69);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(5, 99, 52);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(4, 79, 42);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(3, 48, 23);"
+                />
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\recent-color.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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
+                  class="t-radio-button t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio-button__former"
+                    data-value="'monochrome'"
+                    tabindex="-1"
+                    type="radio"
+                    value="monochrome"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    单色
+                  </span>
+                </label>
+                <label
+                  class="t-radio-button"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio-button__former"
+                    data-value="'linear-gradient'"
+                    tabindex="-1"
+                    type="radio"
+                    value="linear-gradient"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    渐变
+                  </span>
+                </label>
+                <div
+                  class="t-radio-group__bg-block"
+                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-color-picker__body"
+          >
+            <div
+              class="t-color-picker__saturation"
+              style="background: rgb(0, 0, 0);"
+            >
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+                tabindex="0"
+              />
+            </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"
+                    />
+                    <span
+                      class="t-color-picker__thumb"
+                      role="slider"
+                      style="left: 60%; color: rgb(0, 0, 0);"
+                      tabindex="0"
+                    />
+                  </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: rgb(0, 82, 217);"
+                />
+              </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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="RGB"
+                    >
+                      <div
+                        class="t-input t-size-s t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="RGB"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          RGB
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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"
+                        spellcheck="false"
+                        value="0"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="0"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="82"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="82"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="217"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="217"
+                          />
+                        </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
+                      class="t-color-picker__icon"
+                      role="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-add"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add"
+                        >
+                          <path
+                            d="M12 5L12 19M19 12L5 12"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    <span
+                      class="t-color-picker__icon"
+                      role="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </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: rgb(255, 0, 0);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 128, 0);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(255, 255, 0);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 0, 255);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(128, 0, 128);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                      />
+                    </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: rgb(236, 242, 254);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(212, 227, 252);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(187, 211, 251);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(150, 187, 248);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(105, 158, 245);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(71, 135, 240);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(38, 111, 232);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 82, 217);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 52, 181);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 31, 151);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(253, 236, 238);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(249, 215, 217);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(248, 185, 190);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(247, 141, 148);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(243, 109, 120);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(227, 77, 89);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(201, 53, 63);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(177, 31, 38);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(149, 17, 20);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(104, 5, 6);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(254, 243, 230);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(249, 224, 199);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(247, 199, 151);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(242, 153, 95);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(237, 123, 47);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(211, 90, 33);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(186, 67, 27);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(158, 54, 16);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(132, 43, 11);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(90, 25, 7);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(232, 248, 242);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(188, 235, 220);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(133, 219, 190);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(72, 199, 156);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 168, 112);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(7, 141, 92);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(6, 121, 69);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(5, 99, 52);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(4, 79, 42);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(3, 48, 23);"
+                      />
+                    </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
+                  class="t-radio-button t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio-button__former"
+                    data-value="'monochrome'"
+                    tabindex="-1"
+                    type="radio"
+                    value="monochrome"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    单色
+                  </span>
+                </label>
+                <label
+                  class="t-radio-button"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio-button__former"
+                    data-value="'linear-gradient'"
+                    tabindex="-1"
+                    type="radio"
+                    value="linear-gradient"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    渐变
+                  </span>
+                </label>
+                <div
+                  class="t-radio-group__bg-block"
+                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-color-picker__body"
+          >
+            <div
+              class="t-color-picker__saturation"
+              style="background: rgb(0, 0, 0);"
+            >
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+                tabindex="0"
+              />
+            </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"
+                    />
+                    <span
+                      class="t-color-picker__thumb"
+                      role="slider"
+                      style="left: 60%; color: rgb(0, 0, 0);"
+                      tabindex="0"
+                    />
+                  </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: rgb(0, 82, 217);"
+                />
+              </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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="RGB"
+                    >
+                      <div
+                        class="t-input t-size-s t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="RGB"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          RGB
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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"
+                        spellcheck="false"
+                        value="0"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="0"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="82"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="82"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="217"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="217"
+                          />
+                        </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: rgb(236, 242, 254);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(212, 227, 252);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(187, 211, 251);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(150, 187, 248);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(105, 158, 245);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(71, 135, 240);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(38, 111, 232);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 82, 217);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 52, 181);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 31, 151);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(253, 236, 238);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(249, 215, 217);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(248, 185, 190);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(247, 141, 148);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(243, 109, 120);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(227, 77, 89);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(201, 53, 63);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(177, 31, 38);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(149, 17, 20);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(104, 5, 6);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(254, 243, 230);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(249, 224, 199);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(247, 199, 151);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(242, 153, 95);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(237, 123, 47);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(211, 90, 33);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(186, 67, 27);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(158, 54, 16);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(132, 43, 11);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(90, 25, 7);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(232, 248, 242);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(188, 235, 220);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(133, 219, 190);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(72, 199, 156);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(0, 168, 112);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(7, 141, 92);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(6, 121, 69);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(5, 99, 52);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(4, 79, 42);"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--item"
+                  >
+                    <div
+                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+                    >
+                      <span
+                        class="t-color-picker__swatches--item__inner"
+                        style="background: rgb(3, 48, 23);"
+                      />
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\status-disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-color-picker__trigger"
+  >
+    <div
+      class="t-color-picker__trigger--default"
+    >
+      <div
+        class="t-input__wrap t-input--auto-width"
+        spellcheck="false"
+        value="#0052d9"
+      >
+        <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: rgb(0, 82, 217);"
+              />
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            disabled=""
+            placeholder="请输入"
+            type="text"
+            value="#0052d9"
+          />
+          <span
+            class="t-input__input-pre"
+          >
+            #0052d9
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\status-readonly.tsx 1`] = `
+<div>
+  <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
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'monochrome'"
+              tabindex="-1"
+              type="radio"
+              value="monochrome"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              单色
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'linear-gradient'"
+              tabindex="-1"
+              type="radio"
+              value="linear-gradient"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              渐变
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-color-picker__body"
+    >
+      <div
+        class="t-color-picker__saturation"
+        style="background: rgb(0, 0, 0);"
+      >
+        <span
+          class="t-color-picker__thumb"
+          role="slider"
+          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+          tabindex="0"
+        />
+      </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"
+              />
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="left: 60%; color: rgb(0, 0, 0);"
+                tabindex="0"
+              />
+            </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: rgb(0, 82, 217);"
+          />
+        </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="RGB"
+              >
+                <div
+                  class="t-input t-size-s t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="RGB"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    RGB
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+                  spellcheck="false"
+                  value="0"
+                >
+                  <div
+                    class="t-input t-is-disabled t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="请输入"
+                      type="text"
+                      value="0"
+                    />
+                  </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"
+                  spellcheck="false"
+                  value="82"
+                >
+                  <div
+                    class="t-input t-is-disabled t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="请输入"
+                      type="text"
+                      value="82"
+                    />
+                  </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"
+                  spellcheck="false"
+                  value="217"
+                >
+                  <div
+                    class="t-input t-is-disabled t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="请输入"
+                      type="text"
+                      value="217"
+                    />
+                  </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
+                class="t-color-picker__icon"
+                role="button"
+              >
+                <svg
+                  class="t-icon t-icon-add"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="add"
+                  >
+                    <path
+                      d="M12 5L12 19M19 12L5 12"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </h3>
+          <ul
+            class="t-color-picker__swatches--items narrow-scrollbar"
+          />
+        </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: rgb(236, 242, 254);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(212, 227, 252);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(187, 211, 251);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(150, 187, 248);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(105, 158, 245);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(71, 135, 240);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(38, 111, 232);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 82, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 52, 181);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 31, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(253, 236, 238);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 215, 217);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(248, 185, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 141, 148);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(243, 109, 120);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(227, 77, 89);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(201, 53, 63);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(177, 31, 38);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(149, 17, 20);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(104, 5, 6);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(254, 243, 230);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(249, 224, 199);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(247, 199, 151);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(242, 153, 95);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(237, 123, 47);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(211, 90, 33);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(186, 67, 27);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(158, 54, 16);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(132, 43, 11);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(90, 25, 7);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(232, 248, 242);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(188, 235, 220);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(133, 219, 190);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(72, 199, 156);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(0, 168, 112);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(7, 141, 92);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(6, 121, 69);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(5, 99, 52);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(4, 79, 42);"
+                />
+              </div>
+            </li>
+            <li
+              class="t-color-picker__swatches--item"
+            >
+              <div
+                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
+              >
+                <span
+                  class="t-color-picker__swatches--item__inner"
+                  style="background: rgb(3, 48, 23);"
+                />
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\swatch-color.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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
+                  class="t-radio-button t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio-button__former"
+                    data-value="'monochrome'"
+                    tabindex="-1"
+                    type="radio"
+                    value="monochrome"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    单色
+                  </span>
+                </label>
+                <label
+                  class="t-radio-button"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio-button__former"
+                    data-value="'linear-gradient'"
+                    tabindex="-1"
+                    type="radio"
+                    value="linear-gradient"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    渐变
+                  </span>
+                </label>
+                <div
+                  class="t-radio-group__bg-block"
+                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-color-picker__body"
+          >
+            <div
+              class="t-color-picker__saturation"
+              style="background: rgb(0, 0, 0);"
+            >
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+                tabindex="0"
+              />
+            </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"
+                    />
+                    <span
+                      class="t-color-picker__thumb"
+                      role="slider"
+                      style="left: 60%; color: rgb(0, 0, 0);"
+                      tabindex="0"
+                    />
+                  </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: rgb(0, 82, 217);"
+                />
+              </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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="RGB"
+                    >
+                      <div
+                        class="t-input t-size-s t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="RGB"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          RGB
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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"
+                        spellcheck="false"
+                        value="0"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="0"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="82"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="82"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="217"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="217"
+                          />
+                        </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
+                      class="t-color-picker__icon"
+                      role="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-add"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add"
+                        >
+                          <path
+                            d="M12 5L12 19M19 12L5 12"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </h3>
+                <ul
+                  class="t-color-picker__swatches--items narrow-scrollbar"
+                />
+              </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;"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--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;"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--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;"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--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;"
+                      />
+                    </div>
+                  </li>
+                  <li
+                    class="t-color-picker__swatches--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;"
+                      />
+                    </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
+                  class="t-radio-button t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio-button__former"
+                    data-value="'monochrome'"
+                    tabindex="-1"
+                    type="radio"
+                    value="monochrome"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    单色
+                  </span>
+                </label>
+                <label
+                  class="t-radio-button"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio-button__former"
+                    data-value="'linear-gradient'"
+                    tabindex="-1"
+                    type="radio"
+                    value="linear-gradient"
+                  />
+                  <span
+                    class="t-radio-button__input"
+                  />
+                  <span
+                    class="t-radio-button__label"
+                  >
+                    渐变
+                  </span>
+                </label>
+                <div
+                  class="t-radio-group__bg-block"
+                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-color-picker__body"
+          >
+            <div
+              class="t-color-picker__saturation"
+              style="background: rgb(0, 0, 0);"
+            >
+              <span
+                class="t-color-picker__thumb"
+                role="slider"
+                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
+                tabindex="0"
+              />
+            </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"
+                    />
+                    <span
+                      class="t-color-picker__thumb"
+                      role="slider"
+                      style="left: 60%; color: rgb(0, 0, 0);"
+                      tabindex="0"
+                    />
+                  </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: rgb(0, 82, 217);"
+                />
+              </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"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="RGB"
+                    >
+                      <div
+                        class="t-input t-size-s t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="RGB"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          RGB
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </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"
+                        spellcheck="false"
+                        value="0"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="0"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="82"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="82"
+                          />
+                        </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"
+                        spellcheck="false"
+                        value="217"
+                      >
+                        <div
+                          class="t-input t-size-s t-align-center"
+                        >
+                          <input
+                            autocomplete="off"
+                            class="t-input__inner"
+                            placeholder="请输入"
+                            type="text"
+                            value="217"
+                          />
+                        </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
+                      class="t-color-picker__icon"
+                      role="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-add"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add"
+                        >
+                          <path
+                            d="M12 5L12 19M19 12L5 12"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </h3>
+                <ul
+                  class="t-color-picker__swatches--items narrow-scrollbar"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\trigger.tsx 1`] = `
+<div>
+  <div
+    class="t-color-picker__trigger"
+  >
+    <div
+      class="t-color-picker__trigger--default"
+    >
+      <div
+        class="t-input__wrap t-input--auto-width"
+        spellcheck="false"
+        value="#0052d9"
+      >
+        <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: rgb(0, 82, 217);"
+              />
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="text"
+            value="#0052d9"
+          />
+          <span
+            class="t-input__input-pre"
+          >
+            #0052d9
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-comment"
+  >
+    <div
+      class="t-comment__inner"
+    >
+      <div
+        class="t-comment__avatar"
+      >
+        <img
+          alt=""
+          class="t-comment__avatar-image"
+          src="https://tdesign.gtimg.com/site/avatar.jpg"
+        />
+      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\list.tsx 1`] = `
+<div>
+  <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
+                  alt=""
+                  class="t-comment__avatar-image"
+                  src="https://tdesign.gtimg.com/site/avatar.jpg"
+                />
+              </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
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-thumb-up"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="thumb-up"
+                        >
+                          <path
+                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span>
+                        6
+                      </span>
+                    </span>
+                  </button>
+                  <button
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-chat"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chat"
+                        >
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </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
+                  alt=""
+                  class="t-comment__avatar-image"
+                  src="https://tdesign.gtimg.com/site/avatar.jpg"
+                />
+              </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
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-thumb-up"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="thumb-up"
+                        >
+                          <path
+                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span>
+                        6
+                      </span>
+                    </span>
+                  </button>
+                  <button
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-chat"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chat"
+                        >
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </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
+                  alt=""
+                  class="t-comment__avatar-image"
+                  src="https://tdesign.gtimg.com/site/avatar.jpg"
+                />
+              </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
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-thumb-up"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="thumb-up"
+                        >
+                          <path
+                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span>
+                        6
+                      </span>
+                    </span>
+                  </button>
+                  <button
+                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                    type="button"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      <svg
+                        class="t-icon t-icon-chat"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 16px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chat"
+                        >
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span>
+                        回复
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\operation.tsx 1`] = `
+<div>
+  <div
+    class="t-comment"
+  >
+    <div
+      class="t-comment__inner"
+    >
+      <div
+        class="t-comment__avatar"
+      >
+        <img
+          alt=""
+          class="t-comment__avatar-image"
+          src="https://tdesign.gtimg.com/site/avatar.jpg"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-thumb-up"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="thumb-up"
+                >
+                  <path
+                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                6
+              </span>
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-chat"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chat"
+                >
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                回复
+              </span>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\quote.tsx 1`] = `
+<div>
+  <div
+    class="t-comment"
+  >
+    <div
+      class="t-comment__inner"
+    >
+      <div
+        class="t-comment__avatar"
+      >
+        <img
+          alt=""
+          class="t-comment__avatar-image"
+          src="https://tdesign.gtimg.com/site/avatar.jpg"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-thumb-up"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="thumb-up"
+                >
+                  <path
+                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                6
+              </span>
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-chat"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chat"
+                >
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                回复
+              </span>
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\reply.tsx 1`] = `
+<div>
+  <div
+    class="t-comment comment-reply"
+  >
+    <div
+      class="t-comment__inner"
+    >
+      <div
+        class="t-comment__avatar"
+      >
+        <img
+          alt=""
+          class="t-comment__avatar-image"
+          src="https://tdesign.gtimg.com/site/avatar.jpg"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-thumb-up"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="thumb-up"
+                >
+                  <path
+                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                6
+              </span>
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              <svg
+                class="t-icon t-icon-chat"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chat"
+                >
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+              alt=""
+              class="t-comment__avatar-image"
+              src="https://tdesign.gtimg.com/site/avatar.jpg"
+            />
+          </div>
+          <div
+            class="t-comment__content"
+          >
+            <div
+              class="t-comment__author"
+            >
+              <span
+                class="t-comment__name"
+              >
+                <span>
+                  评论作者名B
+                </span>
+                <svg
+                  class="t-icon t-icon-caret-right-small t-size-s"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"
+                    fill="currentColor"
+                    id="caret-right-small"
+                  />
+                </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
+                class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  <svg
+                    class="t-icon t-icon-thumb-up"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 16px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="thumb-up"
+                    >
+                      <path
+                        d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span>
+                    6
+                  </span>
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-default t-button--variant-text t-size-s"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  <svg
+                    class="t-icon t-icon-chat"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 16px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="chat"
+                    >
+                      <path
+                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span>
+                    回复
+                  </span>
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\reply-form.tsx 1`] = `
+<div>
+  <div
+    class="t-comment"
+  >
+    <div
+      class="t-comment__inner"
+    >
+      <div
+        class="t-comment__avatar"
+      >
+        <img
+          alt=""
+          class="t-comment__avatar-image"
+          src="https://tdesign.gtimg.com/site/avatar.jpg"
+        />
+      </div>
+      <div
+        class="t-comment__content"
+      >
+        <div
+          class="t-comment__detail"
+        >
+          <div
+            class="t-space t-space-align-end t-space-vertical"
+            style="width: 100%; gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-textarea"
+              >
+                <textarea
+                  class="t-textarea__inner t-is-default"
+                  placeholder="请输入内容"
+                  style="height: auto; min-height: auto;"
+                />
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base"
+                style="float: right;"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  回复
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\calendar.tsx 1`] = `
+<div>
+  <div
+    class="t-calendar t-calendar--full"
+  >
+    <div
+      class="t-calendar__control"
+    >
+      <div
+        class="t-calendar__title"
+      />
+      <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="2020"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="please select"
+                    readonly=""
+                    type="text"
+                    value="2020"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    2020
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="December"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="please select"
+                    readonly=""
+                    type="text"
+                    value="December"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    December
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'month'"
+                tabindex="-1"
+                type="radio"
+                value="month"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                Month
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'year'"
+                tabindex="-1"
+                type="radio"
+                value="year"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                Year
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\date-picker.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="select date"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="select date"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="select date"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="select month"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="select month"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="select month"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="select year"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="select year"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="select year"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\dialog.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+              class="t-icon t-icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-dialog__body"
+        >
+          Would you like to be my friends？
+        </div>
+        <div
+          class="t-dialog__footer"
+        >
+          <button
+            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              cancel
+            </span>
+          </button>
+          <button
+            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+              class="t-icon t-icon-info-circle-filled t-is-info"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+                fill="currentColor"
+              />
+            </svg>
+            confirm
+          </div>
+          <span
+            class="t-dialog__close"
+            style="margin-left: auto;"
+          >
+            <svg
+              class="t-icon t-icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-dialog__body"
+        >
+          Would you like to be my friends？
+        </div>
+        <div
+          class="t-dialog__footer"
+        >
+          <button
+            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              cancel
+            </span>
+          </button>
+          <button
+            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+              class="t-icon t-icon-info-circle-filled t-is-warning"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+                fill="currentColor"
+              />
+            </svg>
+            confirm
+          </div>
+          <span
+            class="t-dialog__close"
+            style="margin-left: auto;"
+          >
+            <svg
+              class="t-icon t-icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-dialog__body"
+        >
+          Would you like to be my friends？
+        </div>
+        <div
+          class="t-dialog__footer"
+        >
+          <button
+            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              cancel
+            </span>
+          </button>
+          <button
+            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+              class="t-icon t-icon-info-circle-filled t-is-error"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+                fill="currentColor"
+              />
+            </svg>
+            confirm
+          </div>
+          <span
+            class="t-dialog__close"
+            style="margin-left: auto;"
+          >
+            <svg
+              class="t-icon t-icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-dialog__body"
+        >
+          Would you like to be my friends？
+        </div>
+        <div
+          class="t-dialog__footer"
+        >
+          <button
+            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              cancel
+            </span>
+          </button>
+          <button
+            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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
+              class="t-icon t-icon-check-circle-filled t-is-success"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                fill="currentColor"
+              />
+            </svg>
+            confirm
+          </div>
+          <span
+            class="t-dialog__close"
+            style="margin-left: auto;"
+          >
+            <svg
+              class="t-icon t-icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-dialog__body"
+        >
+          Would you like to be my friends？
+        </div>
+        <div
+          class="t-dialog__footer"
+        >
+          <button
+            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              cancel
+            </span>
+          </button>
+          <button
+            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              confirm
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\global.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <p>
+        使用
+        <code>
+          ConfigProvider
+        </code>
+        包裹业务功能的最外层组件，点击下方图标查看示例代码
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <p>
+        英文语言包引入路径：
+        <code>
+          import enConfig from 'tdesign-react/es/locale/en_US';
+        </code>
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <p>
+        中文语言包引入路径：
+        <code>
+          import zhConfig from 'tdesign-react/es/locale/zh_CN';
+        </code>
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <p>
+        日文语言包引入路径：
+        <code>
+          import jpConfig from 'tdesign-react/es/locale/ja_JP';
+        </code>
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <p>
+        韩文语言包引入路径：
+        <code>
+          import koConfig from 'tdesign-react/es/locale/ko_KR';
+        </code>
+      </p>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\input.tsx 1`] = `
+<div>
+  <div
+    class="t-input__wrap"
+    spellcheck="false"
+  >
+    <div
+      class="t-input t-align-left"
+    >
+      <input
+        class="t-input__inner"
+        placeholder="Always show clear icon when input has value"
+        type="text"
+        value=""
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\others.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                    class="t-input__inner"
+                    placeholder="There is no required mark on the left of this input in Form"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="There is required mark on the left of this input in Form"
+                    type="password"
+                    value=""
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-icon t-icon-browse-off t-input__suffix-clear"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="browse-off"
+                      >
+                        <path
+                          d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M20.9996 21L3 3"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="see loading text in Select"
+                readonly=""
+                type="text"
+                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"
+                    height="1em"
+                    version="1.1"
+                    viewBox="0 0 12 12"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <foreignobject
+                      height="12"
+                      width="12"
+                      x="0"
+                      y="0"
+                    >
+                      <div
+                        class="t-loading__gradient-conic"
+                      />
+                    </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="select cascader data"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow t-cascader__icon"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="see loading text in TreeSelect"
+              readonly=""
+              type="text"
+              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"
+                  height="1em"
+                  version="1.1"
+                  viewBox="0 0 12 12"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <foreignobject
+                    height="12"
+                    width="12"
+                    x="0"
+                    y="0"
+                  >
+                    <div
+                      class="t-loading__gradient-conic"
+                    />
+                  </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
+                class="t-input__inner"
+                placeholder="select time"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+          class="t-icon t-icon-close-circle t-tag__icon-close"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="close-circle"
+          >
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-close-circle t-tag__icon-close"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="close-circle"
+          >
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-close-circle t-tag__icon-close"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="close-circle"
+          >
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-close-circle t-tag__icon-close"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="close-circle"
+          >
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-error"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="error"
+                  >
+                    <path
+                      d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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'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
+          class="t-image t-image--fit-scale-down t-image--position-center"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+        />
+        <div
+          class="t-image__loading"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <svg
+                class="t-icon t-icon-image"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="image"
+                >
+                  <path
+                    d="M3 21H20L9 10L3 16V21Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <circle
+                    cx="15.75"
+                    cy="8.25"
+                    fill="transparent"
+                    id="fill2"
+                    r="2"
+                  />
+                  <path
+                    d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                  <circle
+                    cx="15.75"
+                    cy="8.25"
+                    id="stroke2"
+                    r="2"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              图片加载中
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\pagination.tsx 1`] = `
+<div>
+  <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"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="10 / page"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="please select"
+                readonly=""
+                type="text"
+                value="10 / page"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                10 / page
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-pagination__jump"
+    >
+      <input
+        class="t-input__inner"
+        style="width: 10px;"
+        type="text"
+        value="1"
+      />
+      <span>
+         / 
+        4
+         页 
+      </span>
+      <button>
+         跳转 
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\popconfirm.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Default
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-warning t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Warning
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-danger t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Danger
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\table.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                  class="t-table__th-type"
+                  data-colkey="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
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-platform"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-property"
+                  data-colkey="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
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                          <div
+                            class="t-table__filter-icon"
+                          >
+                            <div>
+                              <svg
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </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
+                  class="t-table__th-type"
+                  data-colkey="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
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-platform"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-property"
+                  data-colkey="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
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-caret-down-small"
+                                fill="none"
+                                height="1em"
+                                style="fill: none; font-size: 18px;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <path
+                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+                                  fill="currentColor"
+                                  id="caret-down-small"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                          <div
+                            class="t-table__filter-icon"
+                          >
+                            <div>
+                              <svg
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  Array
+                </td>
+                <td>
+                  Vue(PC)
+                </td>
+                <td>
+                  A
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  String
+                </td>
+                <td>
+                  React(PC)
+                </td>
+                <td>
+                  B
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  Object
+                </td>
+                <td>
+                  Miniprogram
+                </td>
+                <td>
+                  C
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择日期"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="可清除、可输入的日期选择器"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\cancel-range-limit.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\custom-icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--prefix t-input--suffix"
+            >
+              <span
+                class="t-input__prefix t-input__prefix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_543_7945)"
+                    id="browse"
+                  >
+                    <path
+                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+              <input
+                class="t-input__inner"
+                placeholder="请选择日期"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-lock-on"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="lock-on"
+                  >
+                    <path
+                      d="M4.49951 10H19.4995V21H4.49951V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <g
+                      id="stroke1"
+                    >
+                      <path
+                        d="M4.49951 11H19.4995V21H4.49951V11Z"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                    <path
+                      d="M9.99951 16H13.9995"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-presets-alt.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+                spellcheck="false"
+                value="2022-01-01"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value="2022-01-01"
+                  />
+                </div>
+              </div>
+              <div
+                class="t-range-input__inner-separator"
+              >
+                 - 
+              </div>
+              <div
+                class="t-input__wrap t-range-input__inner-right"
+                spellcheck="false"
+                value="2022-08-08"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value="2022-08-08"
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+                spellcheck="false"
+                value="2022-01-01 11:11:11"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    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"
+                spellcheck="false"
+                value="2022-08-08 12:12:12"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value="2022-08-08 12:12:12"
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-range.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-time.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="2022-02-02 12:11:11"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择日期"
+                type="text"
+                value="2022-02-02 12:11:11"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value="2022-02-02 凌晨 12:11:11"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择日期"
+                type="text"
+                value="2022-02-02 凌晨 12:11:11"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\disable-date.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="禁用昨天、前天"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="明后三天禁用"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="禁用所有周六"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="禁用最近 3 天外的日期"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="禁用日期精确到时间"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="禁用最近 5 天外的日期"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="禁用最近 5 天外的日期"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\first-day-of-week.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="1"
+            tabindex="-1"
+            type="radio"
+            value="1"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            1
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="2"
+            tabindex="-1"
+            type="radio"
+            value="2"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            2
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="3"
+            tabindex="-1"
+            type="radio"
+            value="3"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            3
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="4"
+            tabindex="-1"
+            type="radio"
+            value="4"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            4
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="5"
+            tabindex="-1"
+            type="radio"
+            value="5"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            5
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="6"
+            tabindex="-1"
+            type="radio"
+            value="6"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            6
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="7"
+            tabindex="-1"
+            type="radio"
+            value="7"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            7
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择日期"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\month.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择月份"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择月份"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择月份"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="2024-10-24"
+                  >
+                    2024-10-24
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="2024-51周"
+                  >
+                    2024-51周
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="2023"
+                  >
+                    2023
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="2024"
+                  >
+                    2024
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\panel.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="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"
+                    >
+                      <div
+                        class="t-input__wrap"
+                        spellcheck="false"
+                        value="12 月"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择"
+                            readonly=""
+                            type="text"
+                            value="12 月"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-fake-arrow t-select__right-icon"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-select__wrap t-date-picker__header-controller-year"
+                  >
+                    <div
+                      class="t-select t-select-input"
+                    >
+                      <div
+                        class="t-input__wrap"
+                        spellcheck="false"
+                        value="2020"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择"
+                            readonly=""
+                            type="text"
+                            value="2020"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-fake-arrow t-select__right-icon"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="t-pagination-mini"
+                >
+                  <button
+                    class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="上个月"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-left"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-left"
+                      >
+                        <path
+                          d="M14.5 17.5L9 12L14.5 6.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                  <button
+                    class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="当前"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-round"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="round"
+                      >
+                        <circle
+                          cx="12"
+                          cy="12"
+                          fill="transparent"
+                          id="fill1"
+                          r="7"
+                        />
+                        <circle
+                          cx="12"
+                          cy="12"
+                          id="stroke1"
+                          r="7"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                  <button
+                    class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="下个月"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right"
+                      >
+                        <path
+                          d="M9.5 17.5L15 12L9.5 6.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="t-date-picker__table"
+              >
+                <table>
+                  <thead>
+                    <tr>
+                      <th>
+                        一
+                      </th>
+                      <th>
+                        二
+                      </th>
+                      <th>
+                        三
+                      </th>
+                      <th>
+                        四
+                      </th>
+                      <th>
+                        五
+                      </th>
+                      <th>
+                        六
+                      </th>
+                      <th>
+                        日
+                      </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-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"
+                    >
+                      <div
+                        class="t-input__wrap"
+                        spellcheck="false"
+                        value="12 月"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择"
+                            readonly=""
+                            type="text"
+                            value="12 月"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-fake-arrow t-select__right-icon"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-select__wrap t-date-picker__header-controller-year"
+                  >
+                    <div
+                      class="t-select t-select-input"
+                    >
+                      <div
+                        class="t-input__wrap"
+                        spellcheck="false"
+                        value="2020"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择"
+                            readonly=""
+                            type="text"
+                            value="2020"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-fake-arrow t-select__right-icon"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="t-pagination-mini"
+                >
+                  <button
+                    class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="上个月"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-left"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-left"
+                      >
+                        <path
+                          d="M14.5 17.5L9 12L14.5 6.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                  <button
+                    class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="当前"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-round"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="round"
+                      >
+                        <circle
+                          cx="12"
+                          cy="12"
+                          fill="transparent"
+                          id="fill1"
+                          r="7"
+                        />
+                        <circle
+                          cx="12"
+                          cy="12"
+                          id="stroke1"
+                          r="7"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                  <button
+                    class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                    title="下个月"
+                    type="button"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right"
+                      >
+                        <path
+                          d="M9.5 17.5L15 12L9.5 6.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="t-date-picker__table"
+              >
+                <table>
+                  <thead>
+                    <tr>
+                      <th>
+                        一
+                      </th>
+                      <th>
+                        二
+                      </th>
+                      <th>
+                        三
+                      </th>
+                      <th>
+                        四
+                      </th>
+                      <th>
+                        五
+                      </th>
+                      <th>
+                        六
+                      </th>
+                      <th>
+                        日
+                      </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>
+                    <ul
+                      class="t-time-picker__panel-body-scroll"
+                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                    >
+                      <li
+                        class="t-time-picker__panel-body-scroll-item t-is-current"
+                      >
+                        00
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        01
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        02
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        03
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        04
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        05
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        06
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        07
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        08
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        09
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        10
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        11
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        12
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        13
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        14
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        15
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        16
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        17
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        18
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        19
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        20
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        21
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        22
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        23
+                      </li>
+                    </ul>
+                    <ul
+                      class="t-time-picker__panel-body-scroll"
+                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                    >
+                      <li
+                        class="t-time-picker__panel-body-scroll-item t-is-current"
+                      >
+                        00
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        01
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        02
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        03
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        04
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        05
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        06
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        07
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        08
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        09
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        10
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        11
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        12
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        13
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        14
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        15
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        16
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        17
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        18
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        19
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        20
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        21
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        22
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        23
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        24
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        25
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        26
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        27
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        28
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        29
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        30
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        31
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        32
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        33
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        34
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        35
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        36
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        37
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        38
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        39
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        40
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        41
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        42
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        43
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        44
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        45
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        46
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        47
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        48
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        49
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        50
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        51
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        52
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        53
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        54
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        55
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        56
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        57
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        58
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        59
+                      </li>
+                    </ul>
+                    <ul
+                      class="t-time-picker__panel-body-scroll"
+                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                    >
+                      <li
+                        class="t-time-picker__panel-body-scroll-item t-is-current"
+                      >
+                        00
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        01
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        02
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        03
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        04
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        05
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        06
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        07
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        08
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        09
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        10
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        11
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        12
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        13
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        14
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        15
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        16
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        17
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        18
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        19
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        20
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        21
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        22
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        23
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        24
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        25
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        26
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        27
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        28
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        29
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        30
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        31
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        32
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        33
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        34
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        35
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        36
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        37
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        38
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        39
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        40
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        41
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        42
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        43
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        44
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        45
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        46
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        47
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        48
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        49
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        50
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        51
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        52
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        53
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        54
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        55
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        56
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        57
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        58
+                      </li>
+                      <li
+                        class="t-time-picker__panel-body-scroll-item"
+                      >
+                        59
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-date-picker__footer t-date-picker__footer--bottom"
+          >
+            <div
+              class="t-date-picker__presets"
+            />
+            <div>
+              <div
+                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  确定
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="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"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="12 月"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="12 月"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-select__wrap t-date-picker__header-controller-year"
+                    >
+                      <div
+                        class="t-select t-select-input"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="2020"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="2020"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-pagination-mini"
+                  >
+                    <button
+                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="上个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-left"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-left"
+                        >
+                          <path
+                            d="M14.5 17.5L9 12L14.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="当前"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-round"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="round"
+                        >
+                          <circle
+                            cx="12"
+                            cy="12"
+                            fill="transparent"
+                            id="fill1"
+                            r="7"
+                          />
+                          <circle
+                            cx="12"
+                            cy="12"
+                            id="stroke1"
+                            r="7"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="下个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-right"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-right"
+                        >
+                          <path
+                            d="M9.5 17.5L15 12L9.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="t-date-picker__table"
+                >
+                  <table>
+                    <thead>
+                      <tr>
+                        <th>
+                          一
+                        </th>
+                        <th>
+                          二
+                        </th>
+                        <th>
+                          三
+                        </th>
+                        <th>
+                          四
+                        </th>
+                        <th>
+                          五
+                        </th>
+                        <th>
+                          六
+                        </th>
+                        <th>
+                          日
+                        </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"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="1 月"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="1 月"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-select__wrap t-date-picker__header-controller-year"
+                    >
+                      <div
+                        class="t-select t-select-input"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="2021"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="2021"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-pagination-mini"
+                  >
+                    <button
+                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="上个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-left"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-left"
+                        >
+                          <path
+                            d="M14.5 17.5L9 12L14.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="当前"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-round"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="round"
+                        >
+                          <circle
+                            cx="12"
+                            cy="12"
+                            fill="transparent"
+                            id="fill1"
+                            r="7"
+                          />
+                          <circle
+                            cx="12"
+                            cy="12"
+                            id="stroke1"
+                            r="7"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="下个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-right"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-right"
+                        >
+                          <path
+                            d="M9.5 17.5L15 12L9.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="t-date-picker__table"
+                >
+                  <table>
+                    <thead>
+                      <tr>
+                        <th>
+                          一
+                        </th>
+                        <th>
+                          二
+                        </th>
+                        <th>
+                          三
+                        </th>
+                        <th>
+                          四
+                        </th>
+                        <th>
+                          五
+                        </th>
+                        <th>
+                          六
+                        </th>
+                        <th>
+                          日
+                        </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-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"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="12 月"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="12 月"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-select__wrap t-date-picker__header-controller-year"
+                    >
+                      <div
+                        class="t-select t-select-input"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="2020"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="2020"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-pagination-mini"
+                  >
+                    <button
+                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="上个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-left"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-left"
+                        >
+                          <path
+                            d="M14.5 17.5L9 12L14.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="当前"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-round"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="round"
+                        >
+                          <circle
+                            cx="12"
+                            cy="12"
+                            fill="transparent"
+                            id="fill1"
+                            r="7"
+                          />
+                          <circle
+                            cx="12"
+                            cy="12"
+                            id="stroke1"
+                            r="7"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="下个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-right"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-right"
+                        >
+                          <path
+                            d="M9.5 17.5L15 12L9.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="t-date-picker__table"
+                >
+                  <table>
+                    <thead>
+                      <tr>
+                        <th>
+                          一
+                        </th>
+                        <th>
+                          二
+                        </th>
+                        <th>
+                          三
+                        </th>
+                        <th>
+                          四
+                        </th>
+                        <th>
+                          五
+                        </th>
+                        <th>
+                          六
+                        </th>
+                        <th>
+                          日
+                        </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>
+                      <ul
+                        class="t-time-picker__panel-body-scroll"
+                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                      >
+                        <li
+                          class="t-time-picker__panel-body-scroll-item t-is-current"
+                        >
+                          00
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          01
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          02
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          03
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          04
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          05
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          06
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          07
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          08
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          09
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          10
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          11
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          12
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          13
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          14
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          15
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          16
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          17
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          18
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          19
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          20
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          21
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          22
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          23
+                        </li>
+                      </ul>
+                      <ul
+                        class="t-time-picker__panel-body-scroll"
+                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                      >
+                        <li
+                          class="t-time-picker__panel-body-scroll-item t-is-current"
+                        >
+                          00
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          01
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          02
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          03
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          04
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          05
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          06
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          07
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          08
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          09
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          10
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          11
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          12
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          13
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          14
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          15
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          16
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          17
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          18
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          19
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          20
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          21
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          22
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          23
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          24
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          25
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          26
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          27
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          28
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          29
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          30
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          31
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          32
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          33
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          34
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          35
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          36
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          37
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          38
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          39
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          40
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          41
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          42
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          43
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          44
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          45
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          46
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          47
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          48
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          49
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          50
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          51
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          52
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          53
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          54
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          55
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          56
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          57
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          58
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          59
+                        </li>
+                      </ul>
+                      <ul
+                        class="t-time-picker__panel-body-scroll"
+                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+                      >
+                        <li
+                          class="t-time-picker__panel-body-scroll-item t-is-current"
+                        >
+                          00
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          01
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          02
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          03
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          04
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          05
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          06
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          07
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          08
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          09
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          10
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          11
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          12
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          13
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          14
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          15
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          16
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          17
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          18
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          19
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          20
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          21
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          22
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          23
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          24
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          25
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          26
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          27
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          28
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          29
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          30
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          31
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          32
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          33
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          34
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          35
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          36
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          37
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          38
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          39
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          40
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          41
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          42
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          43
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          44
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          45
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          46
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          47
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          48
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          49
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          50
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          51
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          52
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          53
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          54
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          55
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          56
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          57
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          58
+                        </li>
+                        <li
+                          class="t-time-picker__panel-body-scroll-item"
+                        >
+                          59
+                        </li>
+                      </ul>
+                    </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
+                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  确定
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="border-radius: 3px;"
+      >
+        <div
+          class="t-date-range-picker__panel t-date-range-picker__panel--switch-mode"
+        >
+          <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"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="12 月"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="12 月"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-select__wrap t-date-picker__header-controller-year"
+                    >
+                      <div
+                        class="t-select t-select-input"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="2020"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="2020"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-pagination-mini"
+                  >
+                    <button
+                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="上个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-left"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-left"
+                        >
+                          <path
+                            d="M14.5 17.5L9 12L14.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="当前"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-round"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="round"
+                        >
+                          <circle
+                            cx="12"
+                            cy="12"
+                            fill="transparent"
+                            id="fill1"
+                            r="7"
+                          />
+                          <circle
+                            cx="12"
+                            cy="12"
+                            id="stroke1"
+                            r="7"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="下个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-right"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-right"
+                        >
+                          <path
+                            d="M9.5 17.5L15 12L9.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="t-date-picker__table"
+                >
+                  <table>
+                    <thead>
+                      <tr>
+                        <th>
+                          一
+                        </th>
+                        <th>
+                          二
+                        </th>
+                        <th>
+                          三
+                        </th>
+                        <th>
+                          四
+                        </th>
+                        <th>
+                          五
+                        </th>
+                        <th>
+                          六
+                        </th>
+                        <th>
+                          日
+                        </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"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="1 月"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="1 月"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-select__wrap t-date-picker__header-controller-year"
+                    >
+                      <div
+                        class="t-select t-select-input"
+                      >
+                        <div
+                          class="t-input__wrap"
+                          spellcheck="false"
+                          value="2021"
+                        >
+                          <div
+                            class="t-input t-align-left t-input--suffix"
+                          >
+                            <input
+                              class="t-input__inner"
+                              placeholder="请选择"
+                              readonly=""
+                              type="text"
+                              value="2021"
+                            />
+                            <span
+                              class="t-input__suffix t-input__suffix-icon"
+                            >
+                              <svg
+                                class="t-fake-arrow t-select__right-icon"
+                                fill="none"
+                                height="16"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                  stroke="black"
+                                  stroke-opacity="0.9"
+                                  stroke-width="1.3"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-pagination-mini"
+                  >
+                    <button
+                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="上个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-left"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-left"
+                        >
+                          <path
+                            d="M14.5 17.5L9 12L14.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="当前"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-round"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="round"
+                        >
+                          <circle
+                            cx="12"
+                            cy="12"
+                            fill="transparent"
+                            id="fill1"
+                            r="7"
+                          />
+                          <circle
+                            cx="12"
+                            cy="12"
+                            id="stroke1"
+                            r="7"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                    <button
+                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
+                      title="下个月"
+                      type="button"
+                    >
+                      <svg
+                        class="t-icon t-icon-chevron-right"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="chevron-right"
+                        >
+                          <path
+                            d="M9.5 17.5L15 12L9.5 6.5"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  class="t-date-picker__table"
+                >
+                  <table>
+                    <thead>
+                      <tr>
+                        <th>
+                          一
+                        </th>
+                        <th>
+                          二
+                        </th>
+                        <th>
+                          三
+                        </th>
+                        <th>
+                          四
+                        </th>
+                        <th>
+                          五
+                        </th>
+                        <th>
+                          六
+                        </th>
+                        <th>
+                          日
+                        </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
+            class="t-date-picker__footer t-date-picker__footer--bottom"
+          >
+            <div
+              class="t-date-picker__presets"
+            />
+            <div>
+              <button
+                class="t-button t-button--theme-primary t-button--variant-text t-size-s"
+                style="margin-right: 16px;"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  选择时间
+                </span>
+              </button>
+              <div
+                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
+                disabled=""
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  确定
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\quarter.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择季度"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择季度"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择季度"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\range.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="2000-2010之间的日期"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="2000-2010之间的日期"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="2000-2010之间的日期"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="2026开始，不限制结束"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="2026开始，不限制结束"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="2026开始，不限制结束"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="2026开始，不限制结束"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="2026开始，不限制结束"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="2026开始，不限制结束"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="未来 90 天"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="未来 90 天"
+                    readonly=""
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="未来 90 天"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\week.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择周"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择周"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择周"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\year.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-date-picker"
+      >
+        <div
+          class="t-select-input t-select-input--empty"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择年份"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-input__inner"
+                    placeholder="请选择年份"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请选择年份"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-calendar"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="calendar"
+                  >
+                    <path
+                      d="M21 10H3V21H21V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21 10H3V5H21V10Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\bordered.tsx 1`] = `
+<div>
+  <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
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Name
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            TDesign
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Telephone Number
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            139****0609
+          </td>
+        </tr>
+        <tr>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Area
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            China Tencent Headquarters
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Address
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            Shenzhen Penguin Island D1 4A Mail Center
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\colon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-size-l"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\column.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-value="2"
+            tabindex="-1"
+            type="radio"
+            value="2"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            2
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="3"
+            tabindex="-1"
+            type="radio"
+            value="3"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            3
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="4"
+            tabindex="-1"
+            type="radio"
+            value="4"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            4
+          </span>
+        </label>
+      </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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\custom-style.tsx 1`] = `
+<div>
+  <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
+            class="t-descriptions__label"
+            colspan="1"
+            style="width: 100px; text-align: left;"
+          >
+            Name
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+            style="text-align: center;"
+          >
+            TDesign
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+            style="width: 100px; text-align: left;"
+          >
+            Telephone Number
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+            style="text-align: center;"
+          >
+            139****0609
+          </td>
+        </tr>
+        <tr>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+            style="width: 100px; text-align: left;"
+          >
+            Area
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+            style="text-align: center;"
+          >
+            China Tencent Headquarters
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+            style="width: 100px; text-align: left;"
+          >
+            Address
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+            style="text-align: center;"
+          >
+            Shenzhen Penguin Island D1 4A Mail Center
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\items.tsx 1`] = `
+<div>
+  <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
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Name
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            TDesign
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            <button>
+              Telephone Number
+            </button>
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            139****0609
+          </td>
+        </tr>
+        <tr>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            Area
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            <h3>
+              China Tencent Headquarters
+            </h3>
+          </td>
+          <td
+            class="t-descriptions__label"
+            colspan="1"
+          >
+            <i>
+              Address
+            </i>
+          </td>
+          <td
+            class="t-descriptions__content"
+            colspan="1"
+          >
+            <mark>
+               Shenzhen Penguin Island D1 4A Mail Center
+            </mark>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\layout.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="'horizontal'"
+                tabindex="-1"
+                type="radio"
+                value="horizontal"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                horizontal
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'vertical'"
+                tabindex="-1"
+                type="radio"
+                value="vertical"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                vertical
+              </span>
+            </label>
+          </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
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="'horizontal'"
+                tabindex="-1"
+                type="radio"
+                value="horizontal"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                horizontal
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'vertical'"
+                tabindex="-1"
+                type="radio"
+                value="vertical"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                vertical
+              </span>
+            </label>
+          </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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\nest.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                <div
+                  class="t-descriptions"
+                >
+                  <table
+                    class="t-descriptions__body t-size-m"
+                  >
+                    <tbody>
+                      <tr>
+                        <td
+                          class="t-descriptions__label"
+                          colspan="1"
+                          style="background: rgb(244, 244, 244);"
+                        >
+                          City
+                          ：
+                        </td>
+                        <td
+                          class="t-descriptions__content"
+                          colspan="1"
+                        >
+                          Shenzhen
+                        </td>
+                        <td
+                          class="t-descriptions__label"
+                          colspan="1"
+                          style="background: rgb(244, 244, 244);"
+                        >
+                          Detail
+                          ：
+                        </td>
+                        <td
+                          class="t-descriptions__content"
+                          colspan="1"
+                        >
+                          Penguin Island D1 4A Mail Center
+                        </td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'large'"
+            tabindex="-1"
+            type="radio"
+            value="large"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            large
+          </span>
+        </label>
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-value="'medium'"
+            tabindex="-1"
+            type="radio"
+            value="medium"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            medium
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'small'"
+            tabindex="-1"
+            type="radio"
+            value="small"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            small
+          </span>
+        </label>
+      </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
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\table-layout.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-value="'fixed'"
+            tabindex="-1"
+            type="radio"
+            value="fixed"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            fixed
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'auto'"
+            tabindex="-1"
+            type="radio"
+            value="auto"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            auto
+          </span>
+        </label>
+      </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--fixed t-descriptions__body--border"
+        >
+          <tbody>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Name
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                TDesign
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Telephone Number
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                139****0609
+              </td>
+            </tr>
+            <tr>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Area
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                China Tencent Headquarters
+              </td>
+              <td
+                class="t-descriptions__label"
+                colspan="1"
+              >
+                Address
+              </td>
+              <td
+                class="t-descriptions__content"
+                colspan="1"
+              >
+                Shenzhen Penguin Island D1 4A Mail Center
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\async.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Open Modal
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Open Plugin Modal
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\attach.tsx 1`] = `
+<div>
+  <div
+    style="position: relative; height: 400px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="margin-right: 16px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        挂载在body
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="margin-right: 16px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        挂载特定元素
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="margin-right: 16px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        挂载函数返回节点
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="margin-right: 16px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        展示在挂载元素区域
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\base.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Open Modal
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\custom.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      只显示确认按钮
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      自定义按钮内容
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      自定义内容
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\icon.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Open Modal
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\modal.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          普通对话框（不可拖拽）
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          普通对话框（可拖拽）
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          非模态对话框（不可拖拽）
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          非模态对话框（可拖拽）
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\plugin.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            dialog
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            handleDialogNode
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            confirm
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            alert
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            DialogPlugin.confirm
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\position.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      默认
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      垂直居中
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    style="margin-right: 16px;"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      自定义
+    </span>
+  </button>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      超出屏幕
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\warning.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          提示反馈
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          成功反馈
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          警示反馈
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          错误反馈
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    />
+    <div
+      class="t-space-item"
+    />
+    <div
+      class="t-space-item"
+    />
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\base.tsx 1`] = `
+<div>
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+  <div
+    class="t-divider t-divider--horizontal"
+  />
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+  <div
+    class="t-divider t-divider--horizontal t-divider--dashed"
+  />
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\size.tsx 1`] = `
+<div>
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+  <div
+    class="t-divider t-divider--horizontal"
+    style="margin: 20px 0px;"
+  />
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+  <div
+    class="t-divider t-divider--vertical"
+    style="margin: 0px 20px;"
+  />
+  <p>
+    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
+  </p>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\text.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\vertical.tsx 1`] = `
+<div>
+  <span>
+    正直
+  </span>
+  <div
+    class="t-divider t-divider--vertical"
+  />
+  <span>
+    进取
+  </span>
+  <div
+    class="t-divider t-divider--vertical"
+  />
+  <span>
+    合作
+  </span>
+  <div
+    class="t-divider t-divider--vertical"
+  />
+  <span>
+    创新
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\attach-parent.tsx 1`] = `
+<div>
+  <div
+    id="demo-container"
+    style="position: relative; height: 400px; padding: 48px; overflow: hidden; background: rgb(250, 250, 250); border: 1px solid #ebedf0; border-radius: 2px;"
+  >
+    <div
+      id="demo-suf-container"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'left'"
+                  tabindex="-1"
+                  type="radio"
+                  value="left"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  左侧
+                </span>
+              </label>
+              <label
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'right'"
+                  tabindex="-1"
+                  type="radio"
+                  value="right"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  右侧
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'top'"
+                  tabindex="-1"
+                  type="radio"
+                  value="top"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  上方
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'bottom'"
+                  tabindex="-1"
+                  type="radio"
+                  value="bottom"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <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
+                class="t-radio-button t-is-checked"
+                tabindex="0"
+              >
+                <input
+                  checked=""
+                  class="t-radio-button__former"
+                  data-value="'push'"
+                  tabindex="-1"
+                  type="radio"
+                  value="push"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  push
+                </span>
+              </label>
+              <label
+                class="t-radio-button"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio-button__former"
+                  data-value="'overlay'"
+                  tabindex="-1"
+                  type="radio"
+                  value="overlay"
+                />
+                <span
+                  class="t-radio-button__input"
+                />
+                <span
+                  class="t-radio-button__label"
+                >
+                  overlay
+                </span>
+              </label>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                Open
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\base.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      打开抽屉
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\custom.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      打开抽屉
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\destroy.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      打开抽屉
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\no-mask.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      打开抽屉
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\operation.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      打开抽屉
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\placement.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'left'"
+            tabindex="-1"
+            type="radio"
+            value="left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左侧
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'right'"
+            tabindex="-1"
+            type="radio"
+            value="right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右侧
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'top'"
+            tabindex="-1"
+            type="radio"
+            value="top"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上方
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bottom'"
+            tabindex="-1"
+            type="radio"
+            value="bottom"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            下方
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            打开抽屉
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\plugin.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <p>
+        函数调用方式一：DrawerPlugin(options)
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <p>
+        函数调用方式二：drawer(options)
+      </p>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            DrawerPlugin
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          style="margin-right: 16px;"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            drawer
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\popup.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <span>
+          抽屉弹出模式：
+        </span>
+        <div
+          class="t-radio-group t-size-m t-radio-group__outline"
+        >
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'push'"
+              tabindex="-1"
+              type="radio"
+              value="push"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              push
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'overlay'"
+              tabindex="-1"
+              type="radio"
+              value="overlay"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              overlay
+            </span>
+          </label>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            打开抽屉
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'small'"
+            tabindex="-1"
+            type="radio"
+            value="small"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            small(300px)
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'medium'"
+            tabindex="-1"
+            type="radio"
+            value="medium"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            medium(500px)
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'large'"
+            tabindex="-1"
+            type="radio"
+            value="large"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            large(760px)
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="200"
+            tabindex="-1"
+            type="radio"
+            value="200"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            200
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'400px'"
+            tabindex="-1"
+            type="radio"
+            value="400px"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            400px
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'50%'"
+            tabindex="-1"
+            type="radio"
+            value="50%"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            50%
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            打开抽屉
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\size-draggable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'left'"
+            tabindex="-1"
+            type="radio"
+            value="left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            从左侧拖拽抽屉
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'right'"
+            tabindex="-1"
+            type="radio"
+            value="right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            从右侧拖拽抽屉
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'top'"
+            tabindex="-1"
+            type="radio"
+            value="top"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            从上方拖拽抽屉
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bottom'"
+            tabindex="-1"
+            type="radio"
+            value="bottom"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            从下方拖拽抽屉
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            打开抽屉
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\base.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\button.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      <svg
+        class="t-icon t-icon-ellipsis"
+      >
+        <use
+          xlink:href="#t-icon-ellipsis"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\child.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\click.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      hover我试试
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\custom.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      点击我试试
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\disabled.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\icon.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\left.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\long.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      hover我试试
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\multiple.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      <svg
+        class="t-icon t-icon-ellipsis"
+      >
+        <use
+          xlink:href="#t-icon-ellipsis"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\split.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\theme.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      更多
+    </span>
+    <span
+      class="t-button__suffix"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down"
+      >
+        <use
+          xlink:href="#t-icon-chevron-down"
+        />
+      </svg>
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-empty t-size"
+  >
+    <div
+      class="t-empty__image"
+    >
+      <svg
+        fill="none"
+        height="1em"
+        viewBox="0 0 48 48"
+        width="1em"
+        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
+              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+            <path
+              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)"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+          </g>
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-empty__title"
+    >
+      暂无数据
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\descriptions.tsx 1`] = `
+<div>
+  <div
+    class="t-empty t-size"
+  >
+    <div
+      class="t-empty__image"
+    >
+      <svg
+        fill="none"
+        height="1em"
+        viewBox="0 0 48 48"
+        width="1em"
+        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
+              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+            <path
+              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)"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+          </g>
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-empty__title"
+    >
+      暂无数据
+    </div>
+    <div
+      class="t-empty__description"
+    >
+      description
+    </div>
+    <div
+      class="t-empty__action"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          返回首页
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\operation.tsx 1`] = `
+<div>
+  <div
+    class="t-empty t-size"
+  >
+    <div
+      class="t-empty__image"
+    >
+      <svg
+        fill="none"
+        height="1em"
+        viewBox="0 0 48 48"
+        width="1em"
+        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
+              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+            <path
+              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)"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+              fill="var(--td-text-color-placeholder)"
+            />
+          </g>
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-empty__title"
+    >
+      暂无数据
+    </div>
+    <div
+      class="t-empty__action"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          返回首页
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\self-defined.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-error-circle"
+            color="var(--td-text-color-placeholder)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 64px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="error-circle"
+            >
+              <path
+                d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          暂无数据
+        </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
+          class="t-empty__title"
+        >
+          暂无数据
+        </div>
+        <div
+          class="t-empty__description"
+        >
+          暂无数据
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'small'"
+            tabindex="-1"
+            type="radio"
+            value="small"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            small
+          </span>
+        </label>
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-value="'medium'"
+            tabindex="-1"
+            type="radio"
+            value="medium"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            medium
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'large'"
+            tabindex="-1"
+            type="radio"
+            value="large"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            large
+          </span>
+        </label>
+      </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
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 48 48"
+                  width="1em"
+                  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
+                        d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                        fill="var(--td-text-color-placeholder)"
+                      />
+                      <path
+                        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)"
+                        fill-rule="evenodd"
+                      />
+                      <path
+                        d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                        fill="var(--td-text-color-placeholder)"
+                      />
+                    </g>
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-empty__title"
+              >
+                暂无数据
+              </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
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 48 48"
+                  width="1em"
+                  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
+                        d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
+                        fill="var(--td-text-color-placeholder)"
+                      />
+                      <path
+                        d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
+                        fill="var(--td-text-color-placeholder)"
+                      />
+                    </g>
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-empty__title"
+              >
+                建设中
+              </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
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 48 48"
+                  width="1em"
+                  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
+                        d="M26.0078 20H22V24.0078H26.0078V20Z"
+                        fill="var(--td-text-color-placeholder)"
+                      />
+                      <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)"
+                      />
+                    </g>
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-empty__title"
+              >
+                网络错误
+              </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
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 48 48"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    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"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-empty__title"
+              >
+                成功
+              </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
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 48 48"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    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"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+              <div
+                class="t-empty__title"
+              >
+                失败
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\status.tsx 1`] = `
+<div>
+  <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"
+            height="1em"
+            viewBox="0 0 48 48"
+            width="1em"
+            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
+                  d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
+                  fill="var(--td-text-color-placeholder)"
+                />
+                <path
+                  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)"
+                  fill-rule="evenodd"
+                />
+                <path
+                  d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
+                  fill="var(--td-text-color-placeholder)"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          暂无数据
+        </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
+            fill="none"
+            height="1em"
+            viewBox="0 0 48 48"
+            width="1em"
+            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
+                  d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
+                  fill="var(--td-text-color-placeholder)"
+                />
+                <path
+                  d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
+                  fill="var(--td-text-color-placeholder)"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          建设中
+        </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
+            fill="none"
+            height="1em"
+            viewBox="0 0 48 48"
+            width="1em"
+            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
+                  d="M26.0078 20H22V24.0078H26.0078V20Z"
+                  fill="var(--td-text-color-placeholder)"
+                />
+                <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)"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          网络错误
+        </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
+            fill="none"
+            height="1em"
+            viewBox="0 0 48 48"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              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"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          成功
+        </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
+            fill="none"
+            height="1em"
+            viewBox="0 0 48 48"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              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"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-empty__title"
+        >
+          失败
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\align.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'left'"
+            tabindex="-1"
+            type="radio"
+            value="left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左对齐
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'right'"
+            tabindex="-1"
+            type="radio"
+            value="right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右对齐
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'top'"
+            tabindex="-1"
+            type="radio"
+            value="top"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            顶部对齐
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\base.tsx 1`] = `
+<div>
+  <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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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"
+                spellcheck="false"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-icon t-icon-calendar"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="calendar"
+                      >
+                        <path
+                          d="M21 10H3V21H21V10Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M21 10H3V5H21V10Z"
+                          fill="transparent"
+                          id="fill2"
+                        />
+                        <path
+                          d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'male'"
+                tabindex="-1"
+                type="radio"
+                value="male"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                男性
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'female'"
+                tabindex="-1"
+                type="radio"
+                value="female"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'0'"
+                tabindex="-1"
+                type="radio"
+                value="0"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'la'"
+                tabindex="-1"
+                type="checkbox"
+                value="la"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                加辣
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'ma'"
+                tabindex="-1"
+                type="checkbox"
+                value="ma"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                加麻
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'nocong'"
+                tabindex="-1"
+                type="checkbox"
+                value="nocong"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </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
+                        class="t-input__inner"
+                        placeholder="请输入"
+                        type="text"
+                        value=""
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-text"
+              type="button"
+            >
+              <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
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base"
+                type="submit"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  提交
+                </span>
+              </button>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  设置信息
+                </span>
+              </button>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-base"
+                type="reset"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重置
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\clear-validate.tsx 1`] = `
+<div>
+  <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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="password"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-browse-off t-input__suffix-clear"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="browse-off"
+                  >
+                    <path
+                      d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20.9996 21L3 3"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__email"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__gender"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'male'"
+                tabindex="-1"
+                type="radio"
+                value="male"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                男
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'femal'"
+                tabindex="-1"
+                type="radio"
+                value="femal"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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--required t-form__label--right"
+        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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                语文
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                数学
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                英语
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__content.url"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-right: 10px;"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-right: 10px;"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-right: 10px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              清空校验结果
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+               
+              清除指定字段的校验结果
+               
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\custom-validator.tsx 1`] = `
+<div>
+  <form
+    class="t-form"
+  >
+    <div
+      class="t-form__item t-form-item__account"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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>
+          密码
+        </label>
+      </div>
+      <div
+        class="t-form__controls"
+        style="margin-left: 100px;"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__rePassword"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin: 0px 12px;"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              清除校验状态
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\customized-form-controls.tsx 1`] = `
+<div>
+  <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
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <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-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择课程类型"
+                        readonly=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </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
+                    class="t-input__inner"
+                    placeholder="请输入课程名称"
+                    type="text"
+                    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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              设置数据
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-left: 12px;"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="margin-left: 36px;"
+      >
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="false"
+              tabindex="-1"
+              type="radio"
+              value="0"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              启用
+            </span>
+          </label>
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="true"
+              tabindex="-1"
+              type="radio"
+              value="1"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              禁用
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </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"
+                spellcheck="false"
+                value=""
+              >
+                <div
+                  class="t-input t-is-disabled t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    disabled=""
+                    placeholder="请输入"
+                    type="text"
+                    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-disabled t-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        disabled=""
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </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"
+                  spellcheck="false"
+                  value="江苏"
+                >
+                  <div
+                    class="t-input t-is-disabled t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="江苏"
+                    />
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-fake-arrow--disable"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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"
+              >
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value="上海"
+                >
+                  <div
+                    class="t-input t-is-disabled t-align-left t-input--suffix"
+                  >
+                    <input
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="请选择"
+                      readonly=""
+                      type="text"
+                      value="上海"
+                    />
+                    <span
+                      class="t-input__suffix t-input__suffix-icon"
+                    >
+                      <svg
+                        class="t-fake-arrow t-cascader__icon t-is-disabled"
+                        fill="none"
+                        height="16"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                          stroke="black"
+                          stroke-opacity="0.9"
+                          stroke-width="1.3"
+                        />
+                      </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"
+                    spellcheck="false"
+                    value=""
+                  >
+                    <div
+                      class="t-input t-is-disabled t-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        disabled=""
+                        placeholder="请选择日期"
+                        readonly=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-calendar"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="calendar"
+                          >
+                            <path
+                              d="M21 10H3V21H21V10Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 10H3V5H21V10Z"
+                              fill="transparent"
+                              id="fill2"
+                            />
+                            <path
+                              d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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
+                  class="t-textarea__inner t-is-default t-is-disabled"
+                  disabled=""
+                  placeholder="简单描述自己的经历"
+                  style="height: auto; min-height: auto;"
+                />
+              </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
+                class="t-switch t-is-checked t-is-disabled t-size-m"
+                disabled=""
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <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
+                    class="t-radio__former"
+                    data-value="'1'"
+                    disabled=""
+                    tabindex="-1"
+                    type="radio"
+                    value="1"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <span
+                    class="t-radio__label"
+                  >
+                    男
+                  </span>
+                </label>
+                <label
+                  class="t-radio t-is-disabled"
+                >
+                  <input
+                    class="t-radio__former"
+                    data-value="'2'"
+                    disabled=""
+                    tabindex="-1"
+                    type="radio"
+                    value="2"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <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
+                    class="t-checkbox__former"
+                    data-value="'1'"
+                    disabled=""
+                    tabindex="-1"
+                    type="checkbox"
+                    value="1"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    语文
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox t-is-disabled"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'2'"
+                    disabled=""
+                    tabindex="-1"
+                    type="checkbox"
+                    value="2"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    数学
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox t-is-disabled"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'3'"
+                    disabled=""
+                    tabindex="-1"
+                    type="checkbox"
+                    value="3"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <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"
+                  spellcheck="false"
+                  value="0"
+                >
+                  <div
+                    class="t-input t-is-disabled t-align-left"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      disabled=""
+                      placeholder="数字"
+                      type="text"
+                      value="0"
+                    />
+                  </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
+                  accept="image/*"
+                  disabled=""
+                  hidden=""
+                  type="file"
+                />
+                <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
+                            class="t-image t-image--fit-contain t-image--position-center"
+                            src="https://tdesign.gtimg.com/site/avatar.jpg"
+                          />
+                          <div
+                            class="t-image__loading"
+                          >
+                            <div
+                              class="t-space t-space-align-center t-space-vertical"
+                              style="gap: 8px;"
+                            >
+                              <div
+                                class="t-space-item"
+                              >
+                                <svg
+                                  class="t-icon t-icon-image"
+                                  fill="none"
+                                  height="1em"
+                                  style="fill: none; font-size: 24px;"
+                                  viewBox="0 0 24 24"
+                                  width="1em"
+                                >
+                                  <g
+                                    id="image"
+                                  >
+                                    <path
+                                      d="M3 21H20L9 10L3 16V21Z"
+                                      fill="transparent"
+                                      id="fill1"
+                                    />
+                                    <circle
+                                      cx="15.75"
+                                      cy="8.25"
+                                      fill="transparent"
+                                      id="fill2"
+                                      r="2"
+                                    />
+                                    <path
+                                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                      id="stroke1"
+                                      stroke="currentColor"
+                                      stroke-width="2"
+                                    />
+                                    <circle
+                                      cx="15.75"
+                                      cy="8.25"
+                                      id="stroke2"
+                                      r="2"
+                                      stroke="currentColor"
+                                      stroke-width="2"
+                                    />
+                                  </g>
+                                </svg>
+                              </div>
+                              <div
+                                class="t-space-item"
+                              >
+                                图片加载中
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="t-upload__card-mask"
+                        >
+                          <span
+                            class="t-upload__card-mask-item"
+                          >
+                            <svg
+                              class="t-icon t-icon-browse"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                clip-path="url(#clip0_543_7945)"
+                                id="browse"
+                              >
+                                <path
+                                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                                  fill="transparent"
+                                  id="fill1"
+                                />
+                                <path
+                                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                                  fill="transparent"
+                                  id="fill2"
+                                />
+                                <path
+                                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                                <path
+                                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                                  id="stroke2"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                      <a
+                        class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color"
+                        href="https://tdesign.gtimg.com/site/avatar.jpg"
+                        target="_blank"
+                      >
+                        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
+                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
+                disabled=""
+                style="margin-right: 10px;"
+                type="submit"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  提交
+                </span>
+              </div>
+              <div
+                class="t-button t-button--theme-default t-button--variant-base t-is-disabled"
+                disabled=""
+                type="reset"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重置
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\error-message.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'default'"
+              tabindex="-1"
+              type="radio"
+              value="default"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              <span
+                class="t-trigger"
+              >
+                使用表单默认校验信息
+              </span>
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'config'"
+              tabindex="-1"
+              type="radio"
+              value="config"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              <span
+                class="t-trigger"
+              >
+                表单统一配置校验信息
+              </span>
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </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--required t-form__label--right"
+            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"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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"
+                spellcheck="false"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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--required t-form__label--right"
+            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"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="password"
+                    value=""
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-icon t-icon-browse-off t-input__suffix-clear"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="browse-off"
+                      >
+                        <path
+                          d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M20.9996 21L3 3"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-form__item t-form-item__email"
+        >
+          <div
+            class="t-form__label t-form__label--required t-form__label--right"
+            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"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-form__item t-form-item__gender"
+        >
+          <div
+            class="t-form__label t-form__label--required t-form__label--right"
+            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"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio__former"
+                    data-value="'male'"
+                    tabindex="-1"
+                    type="radio"
+                    value="male"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <span
+                    class="t-radio__label"
+                  >
+                    男
+                  </span>
+                </label>
+                <label
+                  class="t-radio"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio__former"
+                    data-value="'femal'"
+                    tabindex="-1"
+                    type="radio"
+                    value="femal"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <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--required t-form__label--right"
+            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"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'1'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="1"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    语文
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'2'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="2"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    数学
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'3'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="3"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    英语
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'4'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="4"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <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-align-left t-input--suffix"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请选择"
+                        readonly=""
+                        type="text"
+                        value=""
+                      />
+                      <span
+                        class="t-input__suffix t-input__suffix-icon"
+                      >
+                        <svg
+                          class="t-fake-arrow t-select__right-icon"
+                          fill="none"
+                          height="16"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                            stroke="black"
+                            stroke-opacity="0.9"
+                            stroke-width="1.3"
+                          />
+                        </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"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-form__item t-form-item__content.url"
+        >
+          <div
+            class="t-form__label t-form__label--required t-form__label--right"
+            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"
+                value=""
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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
+                class="t-button t-button--theme-primary t-button--variant-base"
+                style="margin-right: 10px;"
+                type="submit"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  提交
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-default t-button--variant-base"
+                style="margin-right: 10px;"
+                type="reset"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重置
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-default t-button--variant-base"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  清空校验结果
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\form-field-linkage.tsx 1`] = `
+<div>
+  <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
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="'hot'"
+                tabindex="-1"
+                type="radio"
+                value="hot"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                热饮
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'cold'"
+                tabindex="-1"
+                type="radio"
+                value="cold"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              选择冷饮-少冰
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\form-list.tsx 1`] = `
+<div>
+  <form
+    class="t-form"
+  >
+    <div
+      class="t-form__item t-form-item__task"
+    >
+      <div
+        class="t-form__controls"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-form__item t-form-item__task_0_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-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap"
+                      spellcheck="false"
+                      value="需求评审"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="需求评审"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-form__item t-form-item__task_0_notes"
+          >
+            <div
+              class="t-form__label t-form__label--right"
+              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"
+                  value="排期中"
+                >
+                  <div
+                    class="t-input t-align-left"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value="排期中"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-form__item t-form-item__task"
+          >
+            <div
+              class="t-form__controls"
+            >
+              <div
+                class="t-form__controls-content"
+              >
+                <div
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-minus-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; cursor: pointer; margin-right: 12px; font-size: 20px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="minus-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M16.5 12L7.5 12"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <div
+                      class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
+                      disabled=""
+                      style="margin-right: 8px;"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        上移
+                      </span>
+                    </div>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        下移
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__task"
+    >
+      <div
+        class="t-form__controls"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-form__item t-form-item__task_1_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-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap"
+                      spellcheck="false"
+                      value="交互设计"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="交互设计"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-form__item t-form-item__task_1_notes"
+          >
+            <div
+              class="t-form__label t-form__label--right"
+              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"
+                  value="排期中"
+                >
+                  <div
+                    class="t-input t-align-left"
+                  >
+                    <input
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value="排期中"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-form__item t-form-item__task"
+          >
+            <div
+              class="t-form__controls"
+            >
+              <div
+                class="t-form__controls-content"
+              >
+                <div
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-minus-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; cursor: pointer; margin-right: 12px; font-size: 20px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="minus-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M16.5 12L7.5 12"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+                      style="margin-right: 8px;"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        上移
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <div
+                      class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
+                      disabled=""
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        下移
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__task"
+      style="margin-left: 100px;"
+    >
+      <div
+        class="t-form__controls"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  新增指定项
+                </span>
+              </button>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  新增默认项
+                </span>
+              </button>
+            </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
+            class="t-button t-button--theme-default t-button--variant-base"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-left: 12px;"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\layout.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'vertical'"
+              tabindex="-1"
+              type="radio"
+              value="vertical"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              纵向布局
+            </span>
+          </label>
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'inline'"
+              tabindex="-1"
+              type="radio"
+              value="inline"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              行内布局
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </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
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    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
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\login.tsx 1`] = `
+<div>
+  <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
+                    class="t-icon t-icon-desktop"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="desktop"
+                    >
+                      <path
+                        d="M2 4H22V17H2V4Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 17V21M8 21H16M2 4H22V17H2V4Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </span>
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入账户名"
+                  type="text"
+                  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
+                    class="t-icon t-icon-lock-on"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="lock-on"
+                    >
+                      <path
+                        d="M4.49951 10H19.4995V21H4.49951V10Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M4.49951 11H19.4995V21H4.49951V11Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                      <path
+                        d="M9.99951 16H13.9995"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </span>
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入密码"
+                  type="password"
+                  value=""
+                />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-icon t-icon-browse-off t-input__suffix-clear"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="browse-off"
+                    >
+                      <path
+                        d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M20.9996 21L3 3"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-form__item"
+      >
+        <div
+          class="t-form__controls"
+        >
+          <div
+            class="t-form__controls-content"
+          >
+            <button
+              class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"
+              type="submit"
+            >
+              <span
+                class="t-button__text"
+              >
+                登录
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\nested-data.tsx 1`] = `
+<div>
+  <form
+    class="t-form"
+  >
+    <div
+      class="t-form__item t-form-item__user_name"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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"
+            value="name"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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"
+            spellcheck="false"
+            value="age"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'male'"
+                tabindex="-1"
+                type="radio"
+                value="male"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                男性
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'female'"
+                tabindex="-1"
+                type="radio"
+                value="female"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'la'"
+                tabindex="-1"
+                type="checkbox"
+                value="la"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                加辣
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'ma'"
+                tabindex="-1"
+                type="checkbox"
+                value="ma"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                加麻
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'nocong'"
+                tabindex="-1"
+                type="checkbox"
+                value="nocong"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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"
+                spellcheck="false"
+                value="2022-08-08"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择日期"
+                    readonly=""
+                    type="text"
+                    value="2022-08-08"
+                  />
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-icon t-icon-calendar"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="calendar"
+                      >
+                        <path
+                          d="M21 10H3V21H21V10Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M21 10H3V5H21V10Z"
+                          fill="transparent"
+                          id="fill2"
+                        />
+                        <path
+                          d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </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
+            class="t-button t-button--theme-default t-button--variant-dashed"
+            type="button"
+          >
+            <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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-left: 12px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              设置信息
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-left: 12px;"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\reset.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'empty'"
+              tabindex="-1"
+              type="radio"
+              value="empty"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              重置为空
+            </span>
+          </label>
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'initial'"
+              tabindex="-1"
+              type="radio"
+              value="initial"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              <span
+                class="t-trigger"
+              >
+                 重置为初始值 
+              </span>
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入内容"
+                    type="text"
+                    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"
+                spellcheck="false"
+                value="12345678910"
+              >
+                <div
+                  class="t-input t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入内容"
+                    type="text"
+                    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
+                  class="t-checkbox t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-checkbox__former"
+                    data-value="'1'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="1"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    语文
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'2'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="2"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <span
+                    class="t-checkbox__label"
+                  >
+                    数学
+                  </span>
+                </label>
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    data-value="'3'"
+                    tabindex="-1"
+                    type="checkbox"
+                    value="3"
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                  <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
+                class="t-button t-button--theme-primary t-button--variant-base"
+                style="margin-right: 10px;"
+                type="submit"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  提交
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-default t-button--variant-base"
+                type="reset"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重置
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validate-complicated-data.tsx 1`] = `
+<div>
+  <form
+    class="t-form"
+  >
+    <div
+      class="t-form__item t-form-item__school"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="1"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                学校一
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="2"
+                tabindex="-1"
+                type="radio"
+                value="2"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                学校二
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="3"
+                tabindex="-1"
+                type="radio"
+                value="3"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                学校三
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-tabs"
+      style="margin-left: 30px;"
+    >
+      <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
+            class="t-tabs__operations t-tabs__operations--right"
+          >
+            <div
+              class="t-tabs__add-btn t-tabs__btn t-size-m"
+            >
+              <svg
+                class="t-icon t-icon-add"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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 0px;"
+          >
+            <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"
+                    spellcheck="false"
+                    value="StudentA"
+                  >
+                    <div
+                      class="t-input t-align-left"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请输入内容"
+                        type="text"
+                        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
+                      class="t-radio t-is-checked"
+                      tabindex="0"
+                    >
+                      <input
+                        checked=""
+                        class="t-radio__former"
+                        data-value="'wenke'"
+                        tabindex="-1"
+                        type="radio"
+                        value="wenke"
+                      />
+                      <span
+                        class="t-radio__input"
+                      />
+                      <span
+                        class="t-radio__label"
+                      >
+                        文科
+                      </span>
+                    </label>
+                    <label
+                      class="t-radio"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-radio__former"
+                        data-value="'like'"
+                        tabindex="-1"
+                        type="radio"
+                        value="like"
+                      />
+                      <span
+                        class="t-radio__input"
+                      />
+                      <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
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        tabindex="-1"
+                        type="checkbox"
+                        value=""
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        全部
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox t-is-checked"
+                      tabindex="0"
+                    >
+                      <input
+                        checked=""
+                        class="t-checkbox__former"
+                        data-value="'1'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="1"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        语文
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'2'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="2"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        数学
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'3'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="3"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        物理
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'4'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="4"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        化学
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'5'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="5"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        地理
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'6'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="6"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <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
+                    class="t-button t-button--theme-primary t-button--variant-base"
+                    style="margin-right: 10px;"
+                    type="submit"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      提交
+                    </span>
+                  </button>
+                  <button
+                    class="t-button t-button--theme-default t-button--variant-base"
+                    type="reset"
+                  >
+                    <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 0px;"
+          >
+            <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"
+                    spellcheck="false"
+                    value="StudentB"
+                  >
+                    <div
+                      class="t-input t-align-left"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请输入内容"
+                        type="text"
+                        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
+                      class="t-radio t-is-checked"
+                      tabindex="0"
+                    >
+                      <input
+                        checked=""
+                        class="t-radio__former"
+                        data-value="'wenke'"
+                        tabindex="-1"
+                        type="radio"
+                        value="wenke"
+                      />
+                      <span
+                        class="t-radio__input"
+                      />
+                      <span
+                        class="t-radio__label"
+                      >
+                        文科
+                      </span>
+                    </label>
+                    <label
+                      class="t-radio"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-radio__former"
+                        data-value="'like'"
+                        tabindex="-1"
+                        type="radio"
+                        value="like"
+                      />
+                      <span
+                        class="t-radio__input"
+                      />
+                      <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
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        tabindex="-1"
+                        type="checkbox"
+                        value=""
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        全部
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'1'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="1"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        语文
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'2'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="2"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        数学
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'3'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="3"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        物理
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'4'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="4"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        化学
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'5'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="5"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <span
+                        class="t-checkbox__label"
+                      >
+                        地理
+                      </span>
+                    </label>
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        data-value="'6'"
+                        tabindex="-1"
+                        type="checkbox"
+                        value="6"
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                      <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
+                    class="t-button t-button--theme-primary t-button--variant-base"
+                    style="margin-right: 10px;"
+                    type="submit"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      提交
+                    </span>
+                  </button>
+                  <button
+                    class="t-button t-button--theme-default t-button--variant-base"
+                    type="reset"
+                  >
+                    <span
+                      class="t-button__text"
+                    >
+                      重置
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validate-message.tsx 1`] = `
+<div>
+  <form
+    class="t-form"
+  >
+    <div
+      class="t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        style="width: 100px;"
+      >
+        <label>
+          用户名
+        </label>
+      </div>
+      <div
+        class="t-form__controls t-is-error t-form--has-error"
+        style="margin-left: 100px;"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-input__help"
+        >
+          这是用户名字段帮助说明
+        </div>
+        <div
+          class="t-input__extra"
+          title="自定义用户名校验信息提示"
+        >
+          自定义用户名校验信息提示
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra"
+    >
+      <div
+        class="t-form__label t-form__label--right"
+        style="width: 100px;"
+      >
+        <label>
+          个人简介
+        </label>
+      </div>
+      <div
+        class="t-form__controls t-is-warning t-form--has-error"
+        style="margin-left: 100px;"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-input__help"
+        >
+          一句话介绍自己
+        </div>
+        <div
+          class="t-input__extra"
+          title="自定义个人简介校验信息提示"
+        >
+          自定义个人简介校验信息提示
+        </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>
+          密码
+        </label>
+      </div>
+      <div
+        class="t-form__controls"
+        style="margin-left: 100px;"
+      >
+        <div
+          class="t-form__controls-content"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="password"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-browse-off t-input__suffix-clear"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="browse-off"
+                  >
+                    <path
+                      d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20.9996 21L3 3"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-right: 10px;"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-right: 10px;"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-right: 10px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              仅校验不展示验证信息
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              设置校验信息提示
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validator.tsx 1`] = `
+<div>
+  <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--required t-form__label--right"
+        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"
+            value="张三"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__gender"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'male'"
+                tabindex="-1"
+                type="radio"
+                value="male"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                男
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'femal'"
+                tabindex="-1"
+                type="radio"
+                value="femal"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <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--required t-form__label--right"
+        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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                语文
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                数学
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                英语
+              </span>
+            </label>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__content.url"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-right: 10px;"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validator-status.tsx 1`] = `
+<div>
+  <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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__failB"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="隐藏状态icon"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-form__item t-form-item__warningB"
+    >
+      <div
+        class="t-form__label t-form__label--required t-form__label--right"
+        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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="正在校验中，请稍等"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <span
+            class="t-form__status"
+          >
+            <div
+              class="t-loading t-loading--center"
+              style="font-size: 25px; color: rgb(24, 144, 255);"
+            >
+              <svg
+                class="t-loading__gradient t-icon-loading"
+                height="1em"
+                version="1.1"
+                viewBox="0 0 12 12"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <foreignobject
+                  height="12"
+                  width="12"
+                  x="0"
+                  y="0"
+                >
+                  <div
+                    class="t-loading__gradient-conic"
+                  />
+                </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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <span
+            class="t-form__status"
+          >
+            <svg
+              class="t-icon t-icon-add-rectangle"
+              fill="none"
+              height="1em"
+              name="add-rectangle"
+              style="fill: none; font-size: 25px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="add-rectangle"
+              >
+                <path
+                  d="M21 3H3V21L21 21V3Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M21 3H3V21L21 21V3Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+                class="t-input__inner"
+                placeholder="请输入"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <span
+            class="t-form__status"
+          >
+            <svg
+              class="t-icon t-icon-help-circle"
+              fill="none"
+              height="1em"
+              name="help-circle"
+              style="fill: none; font-size: 25px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="help-circle"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="margin-right: 10px;"
+            type="submit"
+          >
+            <span
+              class="t-button__text"
+            >
+              提交
+            </span>
+          </button>
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="reset"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\base.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\flex.tsx 1`] = `
+<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: 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-basis: 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: 0 0 auto;"
+    >
+      <div
+        style="padding: 0px 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-basis: auto;"
+    >
+      <div>
+        auto with no-wrap
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\gutter.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\halign.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\offset.tsx 1`] = `
+<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>
+        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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\order.tsx 1`] = `
+<div>
+  <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"
+      lg="[object Object]"
+      md="[object Object]"
+      sm="[object Object]"
+      style="padding-left: 0px; padding-right: 0px;"
+      xs="[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"
+      lg="[object Object]"
+      md="[object Object]"
+      sm="[object Object]"
+      style="padding-left: 0px; padding-right: 0px;"
+      xs="[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"
+      lg="[object Object]"
+      md="[object Object]"
+      sm="[object Object]"
+      style="padding-left: 0px; padding-right: 0px;"
+      xs="[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"
+      lg="[object Object]"
+      md="[object Object]"
+      sm="[object Object]"
+      style="padding-left: 0px; padding-right: 0px;"
+      xs="[object Object]"
+    >
+      <div>
+        4 col-order-responsive
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\responsive.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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"
+          lg="8"
+          md="6"
+          sm="4"
+          style="padding-left: 0px; padding-right: 0px;"
+          xl="10"
+          xs="2"
+        >
+          <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"
+          lg="4"
+          md="6"
+          sm="8"
+          style="padding-left: 0px; padding-right: 0px;"
+          xl="2"
+          xs="10"
+        >
+          <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"
+          lg="[object Object]"
+          md="[object Object]"
+          sm="[object Object]"
+          style="padding-left: 0px; padding-right: 0px;"
+          xl="[object Object]"
+          xs="[object Object]"
+        >
+          <div>
+            Col
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\sort.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\valign.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-row t-row--center t-row--top"
+    style="margin-left: 0px; margin-right: 0px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        新手引导
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\custom-popup.tsx 1`] = `
+<div>
+  <div
+    class="t-row t-row--center t-row--top"
+    style="margin-left: 0px; margin-right: 0px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        新手引导
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\dialog.tsx 1`] = `
+<div>
+  <div
+    class="t-row t-row--center t-row--top"
+    style="margin-left: 0px; margin-right: 0px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        新手引导
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\no-mask.tsx 1`] = `
+<div>
+  <div
+    class="t-row t-row--center t-row--top"
+    style="margin-left: 0px; margin-right: 0px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        新手引导
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\popup-dialog.tsx 1`] = `
+<div>
+  <div
+    class="t-row t-row--center t-row--top"
+    style="margin-left: 0px; margin-right: 0px;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        新手引导
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\Enhanced.tsx 1`] = `
+<div>
+  <div>
+    <svg
+      class="t-icon cps-icon-home-sheep"
+      style="margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon cps-icon-home-sheep t-size-m"
+      style="margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon cps-icon-home-sheep t-size-l"
+      style="margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon cps-icon-home-sheep"
+      style="font-size: 25px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <br />
+    <br />
+    <svg
+      class="t-icon cps-icon-home-sheep"
+      style="color: red; margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon cps-icon-home-sheep"
+      style="color: green; margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon cps-icon-home-sheep"
+      style="color: orange; margin-right: 8px;"
+    >
+      <use
+        xlink:href="#cps-icon-home-sheep"
+      />
+    </svg>
+    <svg
+      class="t-icon t-icon-home"
+    >
+      <use
+        xlink:href="#t-icon-home"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconExample.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-slider__container"
+      >
+        <div
+          class="t-slider"
+        >
+          <div
+            class="t-slider__rail"
+          >
+            <div
+              class="t-slider__track"
+              style="left: 0%; width: 75%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="left: 75%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            />
+            <div
+              class="t-slider__mark"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-t"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-t"
+            >
+              <path
+                d="M12 5V19M12 5H7.5M12 5H16.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-d"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-d"
+            >
+              <path
+                d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-e"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-e"
+            >
+              <path
+                d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-s"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-s"
+            >
+              <path
+                d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-i"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-i"
+            >
+              <path
+                d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-g"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-g"
+            >
+              <path
+                d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-letters-n"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="letters-n"
+            >
+              <path
+                d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-checkbox"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-checkbox"
+            >
+              <path
+                d="M10 10L21 10V21H10L10 10Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M10 10L21 10V21H10L10 10Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5"
+                id="stroke2"
+                stroke="#0052d9"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-breadcrumb"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-breadcrumb"
+            >
+              <path
+                d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M16 7.5L20.5 12L16 16.5"
+                id="stroke2"
+                stroke="#0052d9"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-input"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-input"
+            >
+              <path
+                d="M21 8L3 8L3 15L21 15V8Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M7 11V12M3 8H21V15H3V8Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-switch"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-switch"
+            >
+              <path
+                d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-dropdown"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-dropdown"
+            >
+              <path
+                d="M3 3H21V8H3V3Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7 17L17 17M17 13L7 13"
+                id="stroke2"
+                stroke="#0052d9"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-radio"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-radio"
+            >
+              <path
+                d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
+                fill="#bbd3fb"
+                id="fill1"
+              />
+              <path
+                d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"
+                fill="#f78d94"
+                id="fill2"
+              />
+              <path
+                d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"
+                id="stroke2"
+                stroke="#0052d9"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-component-steps"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="component-steps"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"
+                  fill="#bbd3fb"
+                />
+                <path
+                  d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"
+                  fill="#bbd3fb"
+                />
+                <path
+                  d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"
+                  fill="#bbd3fb"
+                />
+              </g>
+              <path
+                d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconFontEnhanced.tsx 1`] = `
+<div>
+  <div>
+    <i
+      class="cps-icon cps-icon-home-sheep"
+      style="margin-right: 8px;"
+    />
+    <i
+      class="cps-icon cps-icon-home-sheep t-size-m"
+      style="margin-right: 8px;"
+    />
+    <i
+      class="cps-icon cps-icon-home-sheep t-size-l"
+      style="margin-right: 8px;"
+    />
+    <i
+      class="cps-icon cps-icon-home-sheep"
+      style="font-size: 25px;"
+    />
+    <br />
+    <br />
+    <i
+      class="cps-icon cps-icon-home-sheep"
+      style="color: red; margin-right: 8px;"
+    />
+    <i
+      class="cps-icon cps-icon-home-sheep"
+      style="color: green; margin-right: 8px;"
+    />
+    <i
+      class="cps-icon cps-icon-home-sheep"
+      style="color: orange; margin-right: 8px;"
+    />
+    <i
+      class="t-icon-home t-icon"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconFontExample.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-unhappy"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-excited"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-surprised"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-giggle"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <p>
+            What is your favourite food?
+          </p>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-tangerinr"
+            style="color: orange;"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-bamboo-shoot"
+            style="color: green;"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-apple"
+            style="color: red;"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-milk"
+            style="color: rgb(0, 82, 217);"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-peach"
+            style="color: pink;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <p>
+            How much icons does TDesign Icon includes?
+          </p>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-numbers-1"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-numbers-2"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-numbers-0"
+          />
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-numbers-3"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconSelect.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="edit-1"
+      >
+        <div
+          class="t-input 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"
+              />
+            </svg>
+          </span>
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="edit-1"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\SvgSpriteExample.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-unhappy"
+          >
+            <use
+              xlink:href="#t-icon-unhappy"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-excited"
+          >
+            <use
+              xlink:href="#t-icon-excited"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-surprised"
+          >
+            <use
+              xlink:href="#t-icon-surprised"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-giggle"
+          >
+            <use
+              xlink:href="#t-icon-giggle"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <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"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-bamboo-shoot"
+            color="green"
+          >
+            <use
+              xlink:href="#t-icon-bamboo-shoot"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-apple"
+            color="red"
+          >
+            <use
+              xlink:href="#t-icon-apple"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-milk"
+            color="#0052D9"
+          >
+            <use
+              xlink:href="#t-icon-milk"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-peach"
+            color="pink"
+          >
+            <use
+              xlink:href="#t-icon-peach"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+          >
+            <use
+              xlink:href="#t-icon-numbers-1"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-numbers-2"
+          >
+            <use
+              xlink:href="#t-icon-numbers-2"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-numbers-0"
+          >
+            <use
+              xlink:href="#t-icon-numbers-0"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-numbers-3"
+          >
+            <use
+              xlink:href="#t-icon-numbers-3"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\avif.tsx 1`] = `
+<div>
+  <div
+    class="t-image__wrapper t-image__wrapper--shape-square"
+    style="max-width: 100%;"
+  >
+    <picture>
+      <source
+        srcset="https://tdesign.gtimg.com/img/tdesign-image.avif"
+        type="image/avif"
+      />
+      <source
+        srcset="https://tdesign.gtimg.com/img/tdesign-image.webp"
+        type="image/webp"
+      />
+      <img
+        class="t-image t-image--fit-scale-down t-image--position-center"
+        src="https://tdesign.gtimg.com/img/tdesign-image.avif"
+      />
+    </picture>
+    <div
+      class="t-image__loading"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 8px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-image"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="image"
+            >
+              <path
+                d="M3 21H20L9 10L3 16V21Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                fill="transparent"
+                id="fill2"
+                r="2"
+              />
+              <path
+                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                id="stroke2"
+                r="2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          图片加载中
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\extra-always.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-image__overlay-content"
+            >
+              <div
+                style="background: rgba(0, 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: rgb(255, 255, 255);"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-print"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 16px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="print"
+                      >
+                        <path
+                          d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <g
+                          id="fill2"
+                        >
+                          <path
+                            d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
+                            fill="transparent"
+                          />
+                          <path
+                            d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"
+                            fill="transparent"
+                          />
+                        </g>
+                        <g
+                          id="stroke2"
+                        >
+                          <path
+                            d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M18.0005 15V21L6.00049 21V15H18.0005Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                     高清
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </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: rgb(236, 242, 254); color: rgb(0, 82, 217);"
+              >
+                <span>
+                  <svg
+                    class="t-icon t-icon-print"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 16px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="print"
+                    >
+                      <path
+                        d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <g
+                        id="fill2"
+                      >
+                        <path
+                          d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
+                          fill="transparent"
+                        />
+                        <path
+                          d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"
+                          fill="transparent"
+                        />
+                      </g>
+                      <g
+                        id="stroke2"
+                      >
+                        <path
+                          d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M18.0005 15V21L6.00049 21V15H18.0005Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                   高清
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\extra-hover.tsx 1`] = `
+<div>
+  <div
+    class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover"
+    style="width: 284px; height: 160px;"
+  >
+    <img
+      class="t-image t-image--fit-fill t-image--position-center"
+      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+    />
+    <div
+      class="t-image__loading"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 8px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-image"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="image"
+            >
+              <path
+                d="M3 21H20L9 10L3 16V21Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                fill="transparent"
+                id="fill2"
+                r="2"
+              />
+              <path
+                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                id="stroke2"
+                r="2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          图片加载中
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image__overlay-content t-image__overlay-content--hidden"
+    >
+      <div
+        style="background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); height: 100%; display: flex; align-items: center; justify-content: center;"
+      >
+        预览
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\fill-mode.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 120px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src=""
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          fill
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 120px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-contain t-image--position-center"
+              src=""
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          contain
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 120px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-cover t-image--position-center"
+              src=""
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          cover
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 120px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-none t-image--position-center"
+              src=""
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          none
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 120px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-scale-down t-image--position-center"
+              src=""
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          scale-down
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\fill-position.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 120px;"
+              >
+                <img
+                  class="t-image t-image--fit-cover t-image--position-center"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              cover center
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 120px;"
+              >
+                <img
+                  class="t-image t-image--fit-cover t-image--position-left"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              cover left
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 120px;"
+              >
+                <img
+                  class="t-image t-image--fit-cover t-image--position-right"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              cover right
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="margin-top: 20px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 280px; height: 120px;"
+              >
+                <img
+                  class="t-image t-image--fit-cover t-image--position-top"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              cover top
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 280px; height: 120px;"
+              >
+                <img
+                  class="t-image t-image--fit-cover t-image--position-bottom"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              cover bottom
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="margin-top: 20px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 200px;"
+              >
+                <img
+                  class="t-image t-image--fit-contain t-image--position-top"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              contain top
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 200px;"
+              >
+                <img
+                  class="t-image t-image--fit-contain t-image--position-bottom"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              contain bottom
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-start t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-image__wrapper t-image__wrapper--shape-square"
+                style="width: 120px; height: 200px;"
+              >
+                <img
+                  class="t-image t-image--fit-contain t-image--position-center"
+                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                />
+                <div
+                  class="t-image__loading"
+                >
+                  <div
+                    class="t-space t-space-align-center t-space-vertical"
+                    style="gap: 8px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-image"
+                        fill="none"
+                        height="1em"
+                        style="fill: none; font-size: 24px;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="image"
+                        >
+                          <path
+                            d="M3 21H20L9 10L3 16V21Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            fill="transparent"
+                            id="fill2"
+                            r="2"
+                          />
+                          <path
+                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                          <circle
+                            cx="15.75"
+                            cy="8.25"
+                            id="stroke2"
+                            r="2"
+                            stroke="currentColor"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      图片加载中
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              contain center
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal t-space--break-line"
+            style="margin-top: 20px; gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-space t-space-align-start t-space-vertical"
+                style="gap: 16px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <div
+                    class="t-image__wrapper t-image__wrapper--shape-square"
+                    style="width: 280px; height: 120px;"
+                  >
+                    <img
+                      class="t-image t-image--fit-contain t-image--position-left"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                        <div
+                          class="t-space-item"
+                        >
+                          图片加载中
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  contain left
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-space t-space-align-start t-space-vertical"
+                style="gap: 16px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <div
+                    class="t-image__wrapper t-image__wrapper--shape-square"
+                    style="width: 280px; height: 120px;"
+                  >
+                    <img
+                      class="t-image t-image--fit-contain t-image--position-right"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                        <div
+                          class="t-space-item"
+                        >
+                          图片加载中
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  contain right
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\gallery-cover.tsx 1`] = `
+<div>
+  <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"
+    />
+    <img
+      class="t-image t-image--fit-fill t-image--position-center"
+      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+    />
+    <div
+      class="t-image__loading"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 8px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <svg
+            class="t-icon t-icon-image"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="image"
+            >
+              <path
+                d="M3 21H20L9 10L3 16V21Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                fill="transparent"
+                id="fill2"
+                r="2"
+              />
+              <path
+                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+              <circle
+                cx="15.75"
+                cy="8.25"
+                id="stroke2"
+                r="2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          图片加载中
+        </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: rgb(236, 242, 254); color: rgb(0, 82, 217);"
+      >
+        <span
+          title="标签一"
+        >
+          标签一
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\lazy-list.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="height: 240px; overflow-y: scroll; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 230px; height: 120px;"
+          >
+            <img
+              class="t-image t-image--fit-fill t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-refresh"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="refresh"
+          >
+            <path
+              d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          重演 lazy load
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\lazy-single.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+            height="100%"
+            src="https://tdesign.gtimg.com/demo/demo-image-5.png"
+            width="100%"
+          />
+        </div>
+        <img
+          class="t-image t-image--fit-fill t-image--position-center"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+        />
+        <div
+          class="t-image__loading"
+        >
+          <div
+            style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4);"
+          >
+            <div
+              class="t-loading t-loading--center t-size-s"
+            >
+              <svg
+                class="t-loading__gradient t-icon-loading"
+                height="1em"
+                version="1.1"
+                viewBox="0 0 12 12"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <foreignobject
+                  height="12"
+                  width="12"
+                  x="0"
+                  y="0"
+                >
+                  <div
+                    class="t-loading__gradient-conic"
+                  />
+                </foreignobject>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-refresh"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="refresh"
+          >
+            <path
+              d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          重演 lazy load
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\placeholder.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <h3
+          style="margin-bottom: 15px;"
+        >
+          加载中的图片
+        </h3>
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <div
+              class="t-space t-space-vertical"
+              style="gap: 16px;"
+            >
+              <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
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <div
+                      class="t-space t-space-align-center t-space-vertical"
+                      style="gap: 8px;"
+                    >
+                      <div
+                        class="t-space-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-image"
+                          fill="none"
+                          height="1em"
+                          style="fill: none; font-size: 24px;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                      <div
+                        class="t-space-item"
+                      >
+                        图片加载中
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-outline"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-refresh"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="refresh"
+                    >
+                      <path
+                        d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-button__text"
+                  >
+                    重演 loading
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-space-item"
+          >
+            <div
+              class="t-space t-space-vertical"
+              style="gap: 16px;"
+            >
+              <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
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <svg
+                      class="t-icon t-icon-image-error"
+                      fill="none"
+                      height="1em"
+                      style="fill: none; font-size: 24px;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image-error"
+                      >
+                        <path
+                          d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <h3
+          style="margin-bottom: 15px;"
+        >
+          加载失败的图片
+        </h3>
+        <div
+          class="t-space t-space-horizontal"
+          style="gap: 16px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <div
+              class="t-space t-space-vertical"
+              style="gap: 16px;"
+            >
+              <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
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="error url"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <div
+                      class="t-space t-space-align-center t-space-vertical"
+                      style="gap: 8px;"
+                    >
+                      <div
+                        class="t-space-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-image"
+                          fill="none"
+                          height="1em"
+                          style="fill: none; font-size: 24px;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                      <div
+                        class="t-space-item"
+                      >
+                        图片加载中
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-outline"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-refresh"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="refresh"
+                    >
+                      <path
+                        d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-button__text"
+                  >
+                    重演 error
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-space-item"
+          >
+            <div
+              class="t-space t-space-vertical"
+              style="gap: 16px;"
+            >
+              <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
+                    class="t-image t-image--fit-fill t-image--position-center"
+                    src="error url"
+                  />
+                  <div
+                    class="t-image__loading"
+                  >
+                    <div
+                      class="t-space t-space-align-center t-space-vertical"
+                      style="gap: 8px;"
+                    >
+                      <div
+                        class="t-space-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-image"
+                          fill="none"
+                          height="1em"
+                          style="fill: none; font-size: 24px;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                      <div
+                        class="t-space-item"
+                      >
+                        图片加载中
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square"
+            style="width: 160px; height: 160px;"
+          >
+            <img
+              class="t-image t-image--fit-cover t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          square
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-round"
+            style="width: 160px; height: 160px;"
+          >
+            <img
+              class="t-image t-image--fit-cover t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          round
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-circle"
+            style="width: 160px; height: 160px;"
+          >
+            <img
+              class="t-image t-image--fit-cover t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          circle
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 240px; height: 240px; border-radius: var(--td-radius-medium); gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-image-viewer__trigger"
+      >
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+        >
+          <img
+            alt="preview"
+            class="t-image t-image--fit-contain t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="fill: none; font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="image"
+                  >
+                    <path
+                      d="M3 21H20L9 10L3 16V21Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      fill="transparent"
+                      id="fill2"
+                      r="2"
+                    />
+                    <path
+                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      id="stroke2"
+                      r="2"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__trigger--hover"
+        >
+          <span>
+            <svg
+              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 1.4em;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                clip-path="url(#clip0_543_7945)"
+                id="browse"
+              >
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            预览
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\albumIcons.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="position: relative; overflow: hidden; box-sizing: content-box; 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: rgb(255, 255, 255);"
+        >
+          <img
+            alt="test"
+            class="t-image t-image--fit-contain t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="fill: none; font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="image"
+                  >
+                    <path
+                      d="M3 21H20L9 10L3 16V21Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      fill="transparent"
+                      id="fill2"
+                      r="2"
+                    />
+                    <path
+                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      id="stroke2"
+                      r="2"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image__overlay-content t-image__overlay-content--hidden"
+          >
+            <div
+              style="background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); height: 100%; display: flex; align-items: center; justify-content: center;"
+            >
+              <span>
+                <svg
+                  class="t-icon t-icon-browse"
+                  fill="none"
+                  height="1em"
+                  name="browse"
+                  style="fill: none; font-size: 16px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    clip-path="url(#clip0_543_7945)"
+                    id="browse"
+                  >
+                    <path
+                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                 预览
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          style="width: 100%; height: 56px; padding: 0px 16px; line-height: 56px; position: absolute; bottom: 0px; display: flex; box-sizing: border-box; z-index: 1;"
+        >
+          <span
+            style="flex: 1;"
+          >
+            相册封面标题
+          </span>
+          <span
+            style="cursor: pointer;"
+          >
+            <svg
+              class="t-icon t-icon-browse"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 16px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                clip-path="url(#clip0_543_7945)"
+                id="browse"
+              >
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 16px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium); gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-image-viewer__trigger"
+      >
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+        >
+          <img
+            alt="preview"
+            class="t-image t-image--fit-contain t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="fill: none; font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="image"
+                  >
+                    <path
+                      d="M3 21H20L9 10L3 16V21Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      fill="transparent"
+                      id="fill2"
+                      r="2"
+                    />
+                    <path
+                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      id="stroke2"
+                      r="2"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__trigger--hover"
+        >
+          <span>
+            <svg
+              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 1.4em;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                clip-path="url(#clip0_543_7945)"
+                id="browse"
+              >
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            预览
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\block.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\button.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      预览单张图片
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\error.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-error1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-error2.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-error3.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium); gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-image-viewer__trigger"
+      >
+        <div
+          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+        >
+          <img
+            alt="preview"
+            class="t-image t-image--fit-contain t-image--position-center"
+            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          />
+          <div
+            class="t-image__loading"
+          >
+            <div
+              class="t-space t-space-align-center t-space-vertical"
+              style="gap: 8px;"
+            >
+              <div
+                class="t-space-item"
+              >
+                <svg
+                  class="t-icon t-icon-image"
+                  fill="none"
+                  height="1em"
+                  style="fill: none; font-size: 24px;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="image"
+                  >
+                    <path
+                      d="M3 21H20L9 10L3 16V21Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      fill="transparent"
+                      id="fill2"
+                      r="2"
+                    />
+                    <path
+                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                    <circle
+                      cx="15.75"
+                      cy="8.25"
+                      id="stroke2"
+                      r="2"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-space-item"
+              >
+                图片加载中
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__trigger--hover"
+        >
+          <span>
+            <svg
+              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 1.4em;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                clip-path="url(#clip0_543_7945)"
+                id="browse"
+              >
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            预览
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+      >
+        <div
+          class="t-image-viewer__trigger"
+        >
+          <div
+            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+          >
+            <img
+              alt="preview"
+              class="t-image t-image--fit-contain t-image--position-center"
+              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+            />
+            <div
+              class="t-image__loading"
+            >
+              <div
+                class="t-space t-space-align-center t-space-vertical"
+                style="gap: 8px;"
+              >
+                <div
+                  class="t-space-item"
+                >
+                  <svg
+                    class="t-icon t-icon-image"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; font-size: 24px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="image"
+                    >
+                      <path
+                        d="M3 21H20L9 10L3 16V21Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        fill="transparent"
+                        id="fill2"
+                        r="2"
+                      />
+                      <path
+                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                      <circle
+                        cx="15.75"
+                        cy="8.25"
+                        id="stroke2"
+                        r="2"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-space-item"
+                >
+                  图片加载中
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__trigger--hover"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 1.4em;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  clip-path="url(#clip0_543_7945)"
+                  id="browse"
+                >
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              预览
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `
+<div>
+  <div
+    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
+  >
+    <div
+      class="t-image-viewer__trigger"
+    >
+      <div
+        class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+      >
+        <img
+          alt="preview"
+          class="t-image t-image--fit-contain t-image--position-center"
+          src="https://tdesign.gtimg.com/demo/tdesign-logo.svg"
+        />
+        <div
+          class="t-image__loading"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <svg
+                class="t-icon t-icon-image"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="image"
+                >
+                  <path
+                    d="M3 21H20L9 10L3 16V21Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <circle
+                    cx="15.75"
+                    cy="8.25"
+                    fill="transparent"
+                    id="fill2"
+                    r="2"
+                  />
+                  <path
+                    d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                  <circle
+                    cx="15.75"
+                    cy="8.25"
+                    id="stroke2"
+                    r="2"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              图片加载中
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-image-viewer__trigger--hover"
+      >
+        <span>
+          <svg
+            class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 1.4em;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              clip-path="url(#clip0_543_7945)"
+              id="browse"
+            >
+              <path
+                d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <path
+                d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          预览
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\addon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入域名"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入域名"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <span
+          class="t-input-adornment__append"
+        >
+          <span
+            class="t-input-adornment__text"
+          >
+            .com
+          </span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\align.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="text"
+            value="居左对齐"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-center"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="text"
+            value="居中对齐"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-right"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="text"
+            value="居右对齐"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\auto-width.tsx 1`] = `
+<div>
+  <div
+    style="max-width: 500px;"
+  >
+    <div
+      class="t-input__wrap t-input--auto-width"
+      spellcheck="false"
+    >
+      <div
+        class="t-input t-align-left"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="请输入"
+          type="text"
+          value="宽度自适应"
+        />
+        <span
+          class="t-input__input-pre"
+        >
+          宽度自适应
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 500px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入内容（无默认值）"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="Welcome to TDesign"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入内容（有默认值）"
+            type="text"
+            value="Welcome to TDesign"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\borderless.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 500px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="please input"
+            type="text"
+            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
+            class="t-input__inner"
+            placeholder="borderless input"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\clearable.tsx 1`] = `
+<div>
+  <div
+    class="t-input__wrap"
+    spellcheck="false"
+    value="Hello TDesign"
+  >
+    <div
+      class="t-input t-align-left"
+    >
+      <input
+        class="t-input__inner"
+        placeholder="请输入内容"
+        type="text"
+        value="Hello TDesign"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-input__wrap"
+    spellcheck="false"
+  >
+    <div
+      class="t-input t-is-disabled t-align-left"
+    >
+      <input
+        class="t-input__inner"
+        disabled=""
+        placeholder="请输入"
+        type="text"
+        value="禁用状态"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\format.tsx 1`] = `
+<div>
+  <div
+    class="t-input__wrap"
+    spellcheck="false"
+    value=""
+  >
+    <div
+      class="t-input t-align-left"
+    >
+      <input
+        class="t-input__inner"
+        placeholder="请输入数字"
+        type="text"
+        value=""
+      />
+    </div>
+    <div
+      class="t-input__tips t-input__tips--default"
+    >
+      请输入数字
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input-group t-input-group--separate"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          style="width: 100px;"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="0731"
+            />
+          </div>
+        </div>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </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"
+          style="width: 100px;"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="0731"
+            />
+          </div>
+        </div>
+        <span
+          style="line-height: 32px;"
+        >
+           - 
+        </span>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          style="width: 100px;"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="12345"
+            />
+          </div>
+        </div>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          style="width: 100px;"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="678901"
+            />
+          </div>
+        </div>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          style="width: 100px;"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\max-length-count.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 500px; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="内置字数限制，最大文本长度为10"
+            type="text"
+            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"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符"
+            type="text"
+            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"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="内置字数限制，字数超出时允许继续输入"
+            type="text"
+            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"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="自定义字数限制文本"
+            type="text"
+            value=""
+          />
+          <div
+            class="t-input__suffix"
+          >
+            0/5
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\password.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--prefix t-input--suffix"
+        >
+          <span
+            class="t-input__prefix t-input__prefix-icon"
+          >
+            <svg
+              class="t-icon t-icon-lock-on"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="lock-on"
+              >
+                <path
+                  d="M4.49951 10H19.4995V21H4.49951V10Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4.49951 11H19.4995V21H4.49951V11Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+                <path
+                  d="M9.99951 16H13.9995"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="password"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-browse-off t-input__suffix-clear"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="browse-off"
+              >
+                <path
+                  d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9996 21L3 3"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--prefix t-input--suffix"
+        >
+          <span
+            class="t-input__prefix t-input__prefix-icon"
+          >
+            <svg
+              class="t-icon t-icon-lock-on"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="lock-on"
+              >
+                <path
+                  d="M4.49951 10H19.4995V21H4.49951V10Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4.49951 11H19.4995V21H4.49951V11Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+                <path
+                  d="M9.99951 16H13.9995"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="password"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-browse-off t-input__suffix-clear"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="browse-off"
+              >
+                <path
+                  d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9996 21L3 3"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 500px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-size-s t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入内容"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入内容"
+            type="text"
+            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
+            class="t-input__inner"
+            placeholder="请输入内容"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 50px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 28px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-is-disabled t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                disabled=""
+                placeholder="禁用状态"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-is-readonly t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="只读状态"
+                readonly=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 28px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-success"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="成功状态"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-warning"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="警告状态"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-error"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="错误状态"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 28px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="普通状态"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--default"
+            >
+              这是普通文本提示
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-success"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="成功状态"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--success"
+            >
+              校验通过文本提示
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-warning"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="警告状态"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--warning"
+            >
+              校验不通过文本提示
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-is-error"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="错误状态"
+                type="text"
+                value=""
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--error"
+            >
+              校验存在严重问题文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input\\_example\\textarea.tsx 1`] = `
+<div>
+  <div
+    class="t-input__wrap"
+    spellcheck="false"
+    value=""
+  >
+    <div
+      class="t-input t-align-left t-input--prefix t-input--suffix"
+    >
+      <span
+        class="t-input__prefix t-input__prefix-icon"
+      >
+        <svg
+          class="t-icon t-icon-search"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="search"
+          >
+            <path
+              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M15.8027 15.8037L21.106 21.107"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </span>
+      <input
+        class="t-input__inner"
+        placeholder="请输入内容"
+        type="text"
+        value=""
+      />
+      <span
+        class="t-input__suffix t-input__suffix-icon"
+      >
+        <svg
+          class="t-icon t-icon-error-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+            fill="currentColor"
+          />
+        </svg>
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-adornment\\_example\\select.tsx 1`] = `
+<div>
+  <div
+    class="t-space adornment-select t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="http://"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="http://"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    http://
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </span>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <span
+          class="t-input-adornment__append"
+        >
+          <div
+            class="t-select__wrap"
+          >
+            <div
+              class="t-select t-select-input"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value=".cn"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value=".cn"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    .cn
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </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"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value="http://"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value="http://"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    http://
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </span>
+        <div
+          class="t-select__wrap"
+        >
+          <div
+            class="t-select t-select-input"
+          >
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="tencent"
+            >
+              <div
+                class="t-input t-align-left t-input--suffix"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  value="tencent"
+                />
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-fake-arrow t-select__right-icon"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <span
+          class="t-input-adornment__append"
+        >
+          <div
+            class="t-select__wrap"
+          >
+            <div
+              class="t-select t-select-input"
+            >
+              <div
+                class="t-input__wrap t-input--auto-width"
+                spellcheck="false"
+                value=".cn"
+              >
+                <div
+                  class="t-input t-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="请选择"
+                    readonly=""
+                    type="text"
+                    value=".cn"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    .cn
+                  </span>
+                  <span
+                    class="t-input__suffix t-input__suffix-icon"
+                  >
+                    <svg
+                      class="t-fake-arrow t-select__right-icon"
+                      fill="none"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                        stroke="black"
+                        stroke-opacity="0.9"
+                        stroke-width="1.3"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-adornment\\_example\\text.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--prefix"
+          >
+            <div
+              class="t-input__prefix"
+            />
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            >
+              请输入
+            </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
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <span
+          class="t-input-adornment__append"
+        >
+          <span
+            class="t-input-adornment__text"
+          >
+            .com
+          </span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\align.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-m t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="100"
+            >
+              <div
+                class="t-input t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="100"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-m t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="200"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="200"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-m t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="300"
+            >
+              <div
+                class="t-input t-align-right"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="300"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-m t-input-number--normal"
+          >
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="100"
+            >
+              <div
+                class="t-input t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="100"
+                />
+              </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"
+              spellcheck="false"
+              value="200"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="200"
+                />
+              </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"
+              spellcheck="false"
+              value="300"
+            >
+              <div
+                class="t-input t-align-right"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="300"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\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"
+  >
+    <button
+      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-remove t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="remove"
+        >
+          <path
+            d="M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+    <div
+      class="t-input__wrap t-input--auto-width"
+      spellcheck="false"
+      value="1"
+    >
+      <div
+        class="t-input t-align-center"
+      >
+        <input
+          autocomplete="off"
+          class="t-input__inner"
+          placeholder="请输入"
+          type="text"
+          value="1"
+        />
+        <span
+          class="t-input__input-pre"
+        >
+          1
+        </span>
+      </div>
+    </div>
+    <button
+      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-add t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="add"
+        >
+          <path
+            d="M12 5L12 19M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\center.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap t-input--auto-width"
+          spellcheck="false"
+          value="3.41"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="3.41"
+            />
+            <span
+              class="t-input__input-pre"
+            >
+              3.41
+            </span>
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="100"
+        >
+          <div
+            class="t-input t-align-center t-is-error t-input--suffix"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="100"
+            />
+            <div
+              class="t-input__suffix"
+            >
+              个
+            </div>
+          </div>
+          <div
+            class="t-input__tips t-input__tips--error"
+          >
+            number can not be exceed maximum
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\default.tsx 1`] = `
+<div>
+  <div
+    class="t-input-number t-size-m t-input-number--row"
+  >
+    <button
+      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-remove t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="remove"
+        >
+          <path
+            d="M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value="1"
+    >
+      <div
+        class="t-input t-align-center"
+      >
+        <input
+          autocomplete="off"
+          class="t-input__inner"
+          placeholder="请输入"
+          type="text"
+          value="1"
+        />
+      </div>
+    </div>
+    <button
+      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-add t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="add"
+        >
+          <path
+            d="M12 5L12 19M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\format.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--row"
+        style="width: 250px;"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="0 %"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="0 %"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="0.00 %"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="0.00 %"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\large-number.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--row"
+        style="width: 350px;"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="19999999999999999.00"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="19999999999999999.00"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="0.8975527383412673418"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="0.8975527383412673418"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\left.tsx 1`] = `
+<div>
+  <div
+    class="t-input-number t-size-m t-is-controls-right t-input-number--column"
+  >
+    <button
+      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-chevron-down t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-down"
+        >
+          <path
+            d="M17.5 9.5L12 15L6.5 9.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value="5"
+    >
+      <div
+        class="t-input t-align-left"
+      >
+        <input
+          autocomplete="off"
+          class="t-input__inner"
+          placeholder="请输入"
+          type="text"
+          value="5"
+        />
+      </div>
+    </div>
+    <button
+      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-chevron-up t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-up"
+        >
+          <path
+            d="M17.5 14.5L12 9L6.5 14.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\normal.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--normal"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="10"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="10"
+            />
+          </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-right t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              机器：
+            </div>
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value="10"
+        >
+          <div
+            class="t-input t-align-right t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              <span>
+                金额：
+              </span>
+            </div>
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="10"
+            />
+            <div
+              class="t-input__suffix"
+            >
+              <span>
+                元
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-s t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-s"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="3"
+            >
+              <div
+                class="t-input t-size-s t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="3"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-s"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-m t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="6"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="6"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-l t-input-number--row"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-l"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="9"
+            >
+              <div
+                class="t-input t-size-l t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="9"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-l"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-s t-is-controls-right t-input-number--column"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-down t-size-s"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="5"
+            >
+              <div
+                class="t-input t-size-s t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="5"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-up t-size-s"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-up"
+                >
+                  <path
+                    d="M17.5 14.5L12 9L6.5 14.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-down t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="5"
+            >
+              <div
+                class="t-input t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="5"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-up t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-up"
+                >
+                  <path
+                    d="M17.5 14.5L12 9L6.5 14.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-down t-size-l"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="10"
+            >
+              <div
+                class="t-input t-size-l t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="10"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-chevron-up t-size-l"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-up"
+                >
+                  <path
+                    d="M17.5 14.5L12 9L6.5 14.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input-number t-size-s t-input-number--normal"
+          >
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="5"
+            >
+              <div
+                class="t-input t-size-s t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="5"
+                />
+              </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"
+              spellcheck="false"
+              value="5"
+            >
+              <div
+                class="t-input t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="5"
+                />
+              </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"
+              spellcheck="false"
+              value="10"
+            >
+              <div
+                class="t-input t-size-l t-align-left"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="10"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'hide'"
+            tabindex="-1"
+            type="radio"
+            value="hide"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            隐藏文本提示
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'align-left'"
+            tabindex="-1"
+            type="radio"
+            value="align-left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            文本提示左对齐
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'align-input'"
+            tabindex="-1"
+            type="radio"
+            value="align-input"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            文本提示对齐输入框
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value=""
+                >
+                  <div
+                    class="t-input t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value=""
+                >
+                  <div
+                    class="t-input t-align-center t-is-success"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value=""
+                >
+                  <div
+                    class="t-input t-align-center t-is-warning"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value=""
+                >
+                  <div
+                    class="t-input t-align-center t-is-error"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入"
+                      type="text"
+                      value=""
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-m"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__tips t-input__tips--error"
+                >
+                  校验存在严重问题文本提示
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\step.tsx 1`] = `
+<div>
+  <div
+    class="t-input-number t-size-m t-input-number--row"
+  >
+    <button
+      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-remove t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="remove"
+        >
+          <path
+            d="M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value="3.20"
+    >
+      <div
+        class="t-input t-align-center"
+      >
+        <input
+          autocomplete="off"
+          class="t-input__inner"
+          placeholder="请输入"
+          type="text"
+          value="3.20"
+        />
+      </div>
+    </div>
+    <button
+      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-add t-size-m"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="add"
+        >
+          <path
+            d="M12 5L12 19M19 12L5 12"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\aside.tsx 1`] = `
+<div>
+  <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
+              alt="logo"
+              src="https://www.tencent.com/img/index/menu_logo_hover.png"
+              width="136"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\base.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\combine.tsx 1`] = `
+<div>
+  <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
+                alt="logo"
+                src="https://www.tencent.com/img/index/menu_logo_hover.png"
+                width="136"
+              />
+            </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
+                  class="t-icon t-icon-search t-menu__operations-icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <svg
+                  class="t-icon t-icon-notification-filled t-menu__operations-icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"
+                    fill="currentColor"
+                  />
+                  <path
+                    d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <svg
+                  class="t-icon t-icon-home t-menu__operations-icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="home"
+                  >
+                    <path
+                      d="M3 10L12 2.5L21 10V21H3V10Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M9 14H15V21H9V14Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M9 14H15V21H9V14Z"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M3 10L12 2.5L21 10V21H3V10Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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;"
+        >
+          <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
+                    class="t-icon t-icon-dashboard"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="dashboard"
+                    >
+                      <path
+                        d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"
+                        fill="transparent"
+                        id="fill2"
+                      />
+                      <path
+                        d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    仪表盘
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-server"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="server"
+                    >
+                      <g
+                        id="fill1"
+                      >
+                        <path
+                          d="M21 14V21H3L3 14L21 14Z"
+                          fill="transparent"
+                        />
+                        <path
+                          d="M21 3V10L3 10L3 3L21 3Z"
+                          fill="transparent"
+                        />
+                      </g>
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M21 14V21H3L3 14L21 14Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M21 3V10L3 10L3 3L21 3Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    资源列表
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item t-menu__item--plain"
+                >
+                  <span
+                    class="t-menu__content"
+                  >
+                    <svg
+                      class="t-icon t-icon-root-list"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="root-list"
+                      >
+                        <path
+                          d="M21 3H3V21L21 21V3Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M21 3H3V21L21 21V3Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M17 8.5L7 8.5M7 12.5L13 12.5"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                    根目录
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    调度平台
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-precise-monitor"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="precise-monitor"
+                    >
+                      <path
+                        d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    精准监控
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-mail"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="mail"
+                    >
+                      <path
+                        d="M22 4H2V20L22 20V4Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                        fill="transparent"
+                        id="fill2"
+                      />
+                      <path
+                        d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    消息区
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-user-circle"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="user-circle"
+                    >
+                      <path
+                        d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <g
+                        id="fill2"
+                      >
+                        <path
+                          d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"
+                          fill="transparent"
+                        />
+                        <path
+                          clip-rule="evenodd"
+                          d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z"
+                          fill="transparent"
+                          fill-rule="evenodd"
+                        />
+                      </g>
+                      <g
+                        id="stroke2"
+                      >
+                        <path
+                          d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          clip-rule="evenodd"
+                          d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z"
+                          fill-rule="evenodd"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                      <path
+                        d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    个人中心
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-play-circle"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="play-circle"
+                    >
+                      <path
+                        d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"
+                        fill="currentColor"
+                      />
+                      <path
+                        d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"
+                        fill="currentColor"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-menu__content"
+                  >
+                    视频区
+                  </span>
+                </li>
+                <li
+                  class="t-menu__item"
+                >
+                  <svg
+                    class="t-icon t-icon-edit-1"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="edit-1"
+                    >
+                      <path
+                        d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                        fill="transparent"
+                        id="fill2"
+                      />
+                      <path
+                        d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\top.tsx 1`] = `
+<div>
+  <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
+              alt="logo"
+              src="https://www.tencent.com/img/index/menu_logo_hover.png"
+              width="136"
+            />
+          </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
+                class="t-icon t-icon-search t-menu__operations-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="search"
+                >
+                  <path
+                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M15.8027 15.8037L21.106 21.107"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <svg
+                class="t-icon t-icon-notification-filled t-menu__operations-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"
+                  fill="currentColor"
+                />
+              </svg>
+              <svg
+                class="t-icon t-icon-home t-menu__operations-icon"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="home"
+                >
+                  <path
+                    d="M3 10L12 2.5L21 10V21H3V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M9 14H15V21H9V14Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M9 14H15V21H9V14Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M3 10L12 2.5L21 10V21H3V10Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\base.tsx 1`] = `
+<div>
+  <a
+    class="t-link t-link--theme-primary t-link--hover-underline"
+  >
+    跳转链接
+  </a>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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
+            class="t-icon t-icon-jump"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="jump"
+            >
+              <path
+                d="M9 4L4 4L4 20L20 20L20 15"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19.25 4.75L12 12M14 4H20L20 10"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </a>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\hover.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-link t-link--theme-default t-link--hover-underline"
+      >
+        <span
+          class="t-link__prefix-icon"
+        >
+          <svg
+            class="t-icon t-icon-link"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="link"
+            >
+              <path
+                d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+        跳转链接
+      </a>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"
+        href="https://tdesign.tencent.com/"
+        target="_self"
+      >
+        <span
+          class="t-link__prefix-icon"
+        >
+          <svg
+            class="t-icon t-icon-link"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="link"
+            >
+              <path
+                d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+        跳转链接
+      </a>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"
+        href="https://tdesign.tencent.com/"
+        target="_self"
+      >
+        <span
+          class="t-link__prefix-icon"
+        >
+          <svg
+            class="t-icon t-icon-jump"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="jump"
+            >
+              <path
+                d="M9 4L4 4L4 20L20 20L20 15"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19.25 4.75L12 12M14 4H20L20 10"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+        跳转链接
+      </a>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <a
+        class="t-link t-link--theme-warning t-is-disabled t-is-underline"
+        target="_self"
+      >
+        <span
+          class="t-link__prefix-icon"
+        >
+          <svg
+            class="t-icon t-icon-jump"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="jump"
+            >
+              <path
+                d="M9 4L4 4L4 20L20 20L20 15"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19.25 4.75L12 12M14 4H20L20 10"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+        跳转链接
+      </a>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+                class="t-icon t-icon-jump"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="jump"
+                >
+                  <path
+                    d="M9 4L4 4L4 20L20 20L20 15"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19.25 4.75L12 12M14 4H20L20 10"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+                class="t-icon t-icon-jump"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="jump"
+                >
+                  <path
+                    d="M9 4L4 4L4 20L20 20L20 15"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19.25 4.75L12 12M14 4H20L20 10"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+                class="t-icon t-icon-jump"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="jump"
+                >
+                  <path
+                    d="M9 4L4 4L4 20L20 20L20 15"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19.25 4.75L12 12M14 4H20L20 10"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\link\\_example\\underline.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\asyncLoading.tsx 1`] = `
+<div>
+  <div
+    class="t-radio-group t-size-l t-radio-group__outline"
+  >
+    <label
+      class="t-radio-button"
+      tabindex="0"
+    >
+      <input
+        class="t-radio-button__former"
+        data-value="'load-more'"
+        tabindex="-1"
+        type="radio"
+        value="load-more"
+      />
+      <span
+        class="t-radio-button__input"
+      />
+      <span
+        class="t-radio-button__label"
+      >
+        加载更多
+      </span>
+    </label>
+    <label
+      class="t-radio-button"
+      tabindex="0"
+    >
+      <input
+        class="t-radio-button__former"
+        data-value="'loading'"
+        tabindex="-1"
+        type="radio"
+        value="loading"
+      />
+      <span
+        class="t-radio-button__input"
+      />
+      <span
+        class="t-radio-button__label"
+      >
+        加载中
+      </span>
+    </label>
+    <label
+      class="t-radio-button"
+      tabindex="0"
+    >
+      <input
+        class="t-radio-button__former"
+        data-value="'loading-custom'"
+        tabindex="-1"
+        type="radio"
+        value="loading-custom"
+      />
+      <span
+        class="t-radio-button__input"
+      />
+      <span
+        class="t-radio-button__label"
+      >
+        自定义加载更多
+      </span>
+    </label>
+    <label
+      class="t-radio-button"
+      tabindex="0"
+    >
+      <input
+        class="t-radio-button__former"
+        data-value="''"
+        tabindex="-1"
+        type="radio"
+        value=""
+      />
+      <span
+        class="t-radio-button__input"
+      />
+      <span
+        class="t-radio-button__label"
+      >
+        加载完成
+      </span>
+    </label>
+  </div>
+  <div
+    style="margin-bottom: 16px;"
+  />
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\base.tsx 1`] = `
+<div>
+  <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
+              class="t-space t-space-horizontal"
+              style="gap: 16px;"
+            >
+              <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
+              class="t-space t-space-horizontal"
+              style="gap: 16px;"
+            >
+              <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>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\header-footer.tsx 1`] = `
+<div>
+  <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
+    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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\image-text.tsx 1`] = `
+<div>
+  <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
+                alt=""
+                src="https://tdesign.gtimg.com/list-icon.png"
+              />
+            </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
+                alt=""
+                src="https://tdesign.gtimg.com/list-icon.png"
+              />
+            </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
+                alt=""
+                src="https://tdesign.gtimg.com/list-icon.png"
+              />
+            </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
+                alt=""
+                src="https://tdesign.gtimg.com/list-icon.png"
+              />
+            </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\multiline.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\operation.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </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
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </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
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </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
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        <svg
+                          class="t-icon t-icon-edit"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="edit"
+                          >
+                            <path
+                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              clip-rule="evenodd"
+                              d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z"
+                              fill="transparent"
+                              fill-rule="evenodd"
+                              id="fill2"
+                            />
+                            <path
+                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        <svg
+                          class="t-icon t-icon-download"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="download"
+                          >
+                            <path
+                              d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M20.5 15V20H3.5V15"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </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
+                  class="t-space t-space-horizontal"
+                  style="gap: 16px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        <svg
+                          class="t-icon t-icon-edit"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="edit"
+                          >
+                            <path
+                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              clip-rule="evenodd"
+                              d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z"
+                              fill="transparent"
+                              fill-rule="evenodd"
+                              id="fill2"
+                            />
+                            <path
+                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    <button
+                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+                      type="button"
+                    >
+                      <span
+                        class="t-button__text"
+                      >
+                        <svg
+                          class="t-icon t-icon-download"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="download"
+                          >
+                            <path
+                              d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M20.5 15V20H3.5V15"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </ul>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\scroll.tsx 1`] = `
+<div>
+  <div
+    class="t-list t-size-s"
+    style="height: 300px; overflow: auto;"
+  >
+    <ul
+      class="t-list__inner"
+    />
+    <div
+      class="t-list__load t-list__load--loading"
+    >
+      <div>
+        <div
+          class="t-loading t-loading--center t-size-m"
+        >
+          <svg
+            class="t-loading__gradient t-icon-loading"
+            height="1em"
+            version="1.1"
+            viewBox="0 0 12 12"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <foreignobject
+              height="12"
+              width="12"
+              x="0"
+              y="0"
+            >
+              <div
+                class="t-loading__gradient-conic"
+              />
+            </foreignobject>
+          </svg>
+        </div>
+        <span>
+          正在加载中，请稍等
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\size.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\stripe.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\list\\_example\\virtual-scroll.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-list"
+        style="height: 300px; position: relative;"
+      >
+        <div
+          style="position: absolute; width: 1px; height: 1px; transition: transform 0.2s; transform: translate(0, 240000px);"
+        />
+        <ul
+          class="t-list__inner"
+          style="transform: translate(0, 0px);"
+        >
+          <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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第1个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第2个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第3个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第4个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第5个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第6个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第7个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第8个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第9个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第10个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第11个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第12个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第13个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第14个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第15个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第16个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第17个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第18个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第19个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第20个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第21个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第22个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第23个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第24个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第25个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第26个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第27个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第28个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第29个列表内容的描述性文字
+                    </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
+                    alt=""
+                    src="https://tdesign.gtimg.com/site/avatar.jpg"
+                  />
+                </div>
+                <div
+                  class="t-list-item__meta-content"
+                >
+                  <h3
+                    class="t-list-item__meta-title"
+                  >
+                    列表标题
+                  </h3>
+                  <div
+                    class="t-list-item__meta-description"
+                  >
+                    <p>
+                      第30个列表内容的描述性文字
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              滚动到指定节点
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-loading t-loading--center t-size-m"
+  >
+    <svg
+      class="t-loading__gradient t-icon-loading"
+      height="1em"
+      version="1.1"
+      viewBox="0 0 12 12"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <foreignobject
+        height="12"
+        width="12"
+        x="0"
+        y="0"
+      >
+        <div
+          class="t-loading__gradient-conic"
+        />
+      </foreignobject>
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\delay.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div />
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-loading__parent"
+        >
+          <div />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="tdesign-demo-block-row"
+      >
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            快速重新加载数据（无loading）
+          </span>
+        </button>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            慢速重新加载数据
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\fullscreen.tsx 1`] = `
+<div>
+  Loading state:
+  <button
+    class="t-switch t-size-m"
+    role="switch"
+    type="button"
+  >
+    <span
+      class="t-switch__handle"
+    />
+    <div
+      class="t-switch__content"
+    />
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\icon-text.tsx 1`] = `
+<div>
+  <div
+    class="t-loading t-loading--center t-size-s"
+  >
+    <svg
+      class="t-loading__gradient t-icon-loading"
+      height="1em"
+      version="1.1"
+      viewBox="0 0 12 12"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <foreignobject
+        height="12"
+        width="12"
+        x="0"
+        y="0"
+      >
+        <div
+          class="t-loading__gradient-conic"
+        />
+      </foreignobject>
+    </svg>
+    <div
+      class="t-loading__text"
+    >
+      拼命加载中...
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\service.tsx 1`] = `
+<div>
+  <div
+    id="loading-service"
+    style="width: 100%; height: 60px; text-align: center; line-height: 60px; position: relative;"
+  >
+    我是service的容器
+  </div>
+  <div>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="margin-right: 20px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        服务加载方式（全屏）
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        服务加载方式（局部）
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-loading t-loading--center t-size-s"
+      >
+        <svg
+          class="t-loading__gradient t-icon-loading"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </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"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </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"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        <div
+          class="t-loading__text"
+        >
+          加载中...（大）
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\text.tsx 1`] = `
+<div>
+  <div
+    class="t-loading t-loading--center t-size-m"
+  >
+    <div
+      class="t-loading__text"
+    >
+      静态文字加载中...
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\wrap.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+              height="1em"
+              version="1.1"
+              viewBox="0 0 12 12"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <foreignobject
+                height="12"
+                width="12"
+                x="0"
+                y="0"
+              >
+                <div
+                  class="t-loading__gradient-conic"
+                />
+              </foreignobject>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              加载中
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              加载完成
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\closable-side.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-app"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="app"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            仪表盘
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <svg
+              class="t-icon t-icon-code"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="code"
+              >
+                <path
+                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 4.00049L10 20.0005"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                资源列表
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-file"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="file"
+              >
+                <path
+                  d="M4 22H20V8H14V2H4V22Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                调度平台
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                精准监控
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-menu__item t-is-disabled"
+        >
+          <svg
+            class="t-icon t-icon-rollback"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="rollback"
+            >
+              <path
+                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            根目录
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                消息区
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+      </ul>
+      <div
+        class="t-menu__operations"
+      >
+        <button
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-view-list"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="view-list"
+            >
+              <path
+                d="M3 5H21M3 12H21M3 19H21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\custom-header.tsx 1`] = `
+<div>
+  <div
+    class="t-head-menu t-menu--light"
+    style="margin-bottom: 20px;"
+  >
+    <div
+      class="t-head-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </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
+          alt="logo"
+          class="margin_0"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\custom-side.tsx 1`] = `
+<div>
+  <div
+    class="t-default-menu"
+    style="width: 232px; margin-right: 20px;"
+  >
+    <div
+      class="t-default-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </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
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\double.tsx 1`] = `
+<div>
+  <div
+    class="t-head-menu t-menu--light"
+    style="margin-bottom: 20px;"
+  >
+    <div
+      class="t-head-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </div>
+      <ul
+        class="t-menu"
+      >
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单1
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单2
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单3
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+    </ul>
+  </div>
+  <div
+    class="t-head-menu t-menu--dark"
+  >
+    <div
+      class="t-head-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </div>
+      <ul
+        class="t-menu"
+      >
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单1
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单2
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单3
+            </span>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              菜单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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+    </ul>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\group-side.tsx 1`] = `
+<div>
+  <div
+    class="t-default-menu"
+    style="width: 232px;"
+  >
+    <div
+      class="t-default-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </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
+              class="t-icon t-icon-app"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="app"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M3 3H10V10H3V3Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M14 14H21V21H14V14Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M3 14H10V21H3V14Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M3 3H10V10H3V3Z"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M14 14H21V21H14V14Z"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M3 14H10V21H3V14Z"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+                <path
+                  d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+                class="t-icon t-icon-server"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="server"
+                >
+                  <g
+                    id="fill1"
+                  >
+                    <path
+                      d="M21 14V21H3L3 14L21 14Z"
+                      fill="transparent"
+                    />
+                    <path
+                      d="M21 3V10L3 10L3 3L21 3Z"
+                      fill="transparent"
+                    />
+                  </g>
+                  <g
+                    id="stroke1"
+                  >
+                    <path
+                      d="M21 14V21H3L3 14L21 14Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M21 3V10L3 10L3 3L21 3Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </g>
+              </svg>
+              <span
+                class="t-menu__content"
+              >
+                列表项
+              </span>
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </div>
+            <ul
+              class="t-menu__sub t-slide-down-enter-active"
+              style="max-height: 0; --padding-left: 44px; overflow: hidden;"
+            >
+              <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
+              class="t-icon t-icon-edit-1"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="edit-1"
+              >
+                <path
+                  d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              表单项
+            </span>
+          </li>
+          <li
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-root-list"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="root-list"
+              >
+                <path
+                  d="M21 3H3V21L21 21V3Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M21 3H3V21L21 21V3Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M17 8.5L7 8.5M7 12.5L13 12.5"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              详情页
+            </span>
+          </li>
+          <li
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-check"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="check"
+              >
+                <path
+                  d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              个人页
+            </span>
+          </li>
+          <li
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-login"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="login"
+              >
+                <path
+                  d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15 3.5H20V20.5H15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              登录页
+            </span>
+          </li>
+        </div>
+      </ul>
+      <div
+        class="t-menu__operations"
+      >
+        <button
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-view-list"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="view-list"
+            >
+              <path
+                d="M3 5H21M3 12H21M3 19H21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\multi-side.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-app"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="app"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </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
+              class="t-icon t-icon-code"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="code"
+              >
+                <path
+                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 4.00049L10 20.0005"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                资源列表
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow t-fake-arrow--active"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active appear appear-active"
+            style="max-height: 50px; --padding-left: 44px; overflow: hidden; height: 0px;"
+          >
+            <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
+              class="t-icon t-icon-file"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="file"
+              >
+                <path
+                  d="M4 22H20V8H14V2H4V22Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                调度平台
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow t-fake-arrow--active"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active appear appear-active"
+            style="max-height: 250px; --padding-left: 44px; overflow: hidden; height: 0px;"
+          >
+            <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              <ul
+                class="t-menu__sub t-slide-down-enter-active"
+                style="max-height: 0; --padding-left: 60px; overflow: hidden;"
+              >
+                <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
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                精准监控
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active"
+            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
+          >
+            <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
+            class="t-icon t-icon-rollback"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="rollback"
+            >
+              <path
+                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            根目录
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                消息区
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active"
+            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
+          >
+            <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
+          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-view-list"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="view-list"
+            >
+              <path
+                d="M3 5H21M3 12H21M3 19H21"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </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
+            class="t-icon t-icon-app"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="app"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            仪表盘
+          </span>
+        </li>
+        <li
+          class="t-submenu t-is-opened"
+        >
+          <div
+            class="t-menu__item t-is-opened"
+          >
+            <svg
+              class="t-icon t-icon-code"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="code"
+              >
+                <path
+                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 4.00049L10 20.0005"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                资源列表
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow t-fake-arrow--active"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active appear appear-active"
+            style="max-height: 200px; --padding-left: 44px; overflow: hidden; height: 0px;"
+          >
+            <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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </div>
+              <ul
+                class="t-menu__sub t-slide-down-enter-active"
+                style="max-height: 0; --padding-left: 60px; overflow: hidden;"
+              >
+                <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
+              class="t-icon t-icon-file"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="file"
+              >
+                <path
+                  d="M4 22H20V8H14V2H4V22Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                调度平台
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow t-fake-arrow--active"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active appear appear-active"
+            style="max-height: 100px; --padding-left: 44px; overflow: hidden; height: 0px;"
+          >
+            <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
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                精准监控
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active"
+            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
+          >
+            <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
+            class="t-icon t-icon-rollback"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="rollback"
+            >
+              <path
+                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            根目录
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                消息区
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+          <ul
+            class="t-menu__sub t-slide-down-enter-active"
+            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
+          >
+            <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
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-view-list"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="view-list"
+              >
+                <path
+                  d="M3 5H21M3 12H21M3 19H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="t-head-menu t-menu--light"
+    style="margin-bottom: 20px;"
+  >
+    <div
+      class="t-head-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </div>
+      <ul
+        class="t-menu"
+      >
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <span
+              class="t-menu__content"
+            >
+              电器
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </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
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              水果蔬菜
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </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
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </div>
+      <ul
+        class="t-menu"
+      >
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <span
+              class="t-menu__content"
+            >
+              电器
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </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
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              水果蔬菜
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-menu__item t-menu__item--plain"
+        >
+          <span
+            class="t-menu__content"
+          >
+            其他
+          </span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\popup-side.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-app"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="app"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            仪表盘
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <svg
+              class="t-icon t-icon-code"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="code"
+              >
+                <path
+                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 4.00049L10 20.0005"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                资源列表
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-file"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="file"
+              >
+                <path
+                  d="M4 22H20V8H14V2H4V22Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                调度平台
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                精准监控
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-menu__item t-is-disabled"
+        >
+          <svg
+            class="t-icon t-icon-rollback"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="rollback"
+            >
+              <path
+                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            根目录
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                消息区
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+      </ul>
+      <div
+        class="t-menu__operations"
+      >
+        <svg
+          class="t-icon t-icon-view-list t-menu__operations-icon"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="view-list"
+          >
+            <path
+              d="M3 5H21M3 12H21M3 19H21"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+            class="t-icon t-icon-app"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="app"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                fill="transparent"
+                id="fill2"
+              />
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 14H21V21H14V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <path
+                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            仪表盘
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item t-is-active"
+          >
+            <svg
+              class="t-icon t-icon-code"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="code"
+              >
+                <path
+                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 4.00049L10 20.0005"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                资源列表
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-file"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="file"
+              >
+                <path
+                  d="M4 22H20V8H14V2H4V22Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                调度平台
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                精准监控
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+        <li
+          class="t-menu__item t-is-disabled"
+        >
+          <svg
+            class="t-icon t-icon-rollback"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="rollback"
+            >
+              <path
+                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            class="t-menu__content"
+          >
+            根目录
+          </span>
+        </li>
+        <li
+          class="t-submenu"
+        >
+          <div
+            class="t-menu__item"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span
+              class="t-menu__content"
+            >
+              <span>
+                消息区
+              </span>
+            </span>
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </div>
+        </li>
+      </ul>
+      <div
+        class="t-menu__operations"
+      >
+        <svg
+          class="t-icon t-icon-view-list t-menu__operations-icon"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="view-list"
+          >
+            <path
+              d="M3 5H21M3 12H21M3 19H21"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\single.tsx 1`] = `
+<div>
+  <div
+    class="t-head-menu t-menu--light"
+    style="margin-bottom: 20px;"
+  >
+    <div
+      class="t-head-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </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
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </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
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-mail"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mail"
+              >
+                <path
+                  d="M22 4H2V20L22 20V4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-user"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="user"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    fill="transparent"
+                  />
+                </g>
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+          <button
+            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+            type="button"
+          >
+            <svg
+              class="t-icon t-icon-ellipsis"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="ellipsis"
+              >
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M4 11.5H5V12.5H4V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M19 11.5H20V12.5H19V11.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\single-side.tsx 1`] = `
+<div>
+  <div
+    class="t-default-menu"
+    style="width: 232px; margin-right: 20px;"
+  >
+    <div
+      class="t-default-menu__inner"
+    >
+      <div
+        class="t-menu__logo"
+      >
+        <img
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
+        />
+      </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
+          alt="logo"
+          height="28"
+          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
+        />
+      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-info"
+      >
+        <svg
+          class="t-icon t-icon-info-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+            fill="currentColor"
+          />
+        </svg>
+        用户表示普通操作信息提示
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-success"
+      >
+        <svg
+          class="t-icon t-icon-check-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+            fill="currentColor"
+          />
+        </svg>
+        用于表示操作顺利达成
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-warning"
+      >
+        <svg
+          class="t-icon t-icon-error-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+            fill="currentColor"
+          />
+        </svg>
+        用户表示操作引起一定后果
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-error"
+      >
+        <svg
+          class="t-icon t-icon-error-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+            fill="currentColor"
+          />
+        </svg>
+        用于表示操作引起严重的后果
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-question"
+      >
+        <svg
+          class="t-icon t-icon-help-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"
+            fill="currentColor"
+          />
+        </svg>
+        用于帮助用户操作的信息提示
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-info t-is-closable"
+      >
+        <svg
+          class="t-icon t-icon-info-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+            fill="currentColor"
+          />
+        </svg>
+        默认关闭按钮
+        <svg
+          class="t-icon t-icon-close t-message__close"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="close"
+          >
+            <path
+              d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-info t-is-closable"
+      >
+        <svg
+          class="t-icon t-icon-info-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+            fill="currentColor"
+          />
+        </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
+          class="t-icon t-icon-info-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+            fill="currentColor"
+          />
+        </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
+          class="t-icon t-icon-info-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+            fill="currentColor"
+          />
+        </svg>
+        自定义关闭按钮（ReactNode）
+        <div
+          class="t-message__close"
+        >
+          x
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close-all.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击打开多个消息
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击关闭所有消息
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close-function.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      自由控制关闭时机（
+      打开
+      ）
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\config.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          配置
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          测试
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\duration.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          I am duration 20s Message
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          close latest duration 20s Message
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          close all Message
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\loading.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+            height="1em"
+            version="1.1"
+            viewBox="0 0 12 12"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <foreignobject
+              height="12"
+              width="12"
+              x="0"
+              y="0"
+            >
+              <div
+                class="t-loading__gradient-conic"
+              />
+            </foreignobject>
+          </svg>
+        </div>
+        用于表示操作正在生效的过程中
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-success"
+      >
+        <svg
+          class="t-icon t-icon-check-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+            fill="currentColor"
+          />
+        </svg>
+        用于表示操作顺利达成(10s)
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-message t-is-warning"
+      >
+        <svg
+          class="t-icon t-icon-error-circle-filled"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <path
+            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+            fill="currentColor"
+          />
+        </svg>
+        用于表示普通操作失败中断(10s)
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        style="margin-top: 16px;"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          重置
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\methods.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          info
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          success
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          warning
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          error
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          question
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          loading
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\message\\_example\\offset.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            style="width: 200px;"
+            value="0"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入横向偏移量"
+                type="text"
+                value="0"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            style="width: 200px; margin-left: 16px;"
+            value="0"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入纵向偏移量"
+                type="text"
+                value="0"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="position: relative; margin: 0px auto; width: 500px; height: 260px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; right: 42%; bottom: 42%;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              center
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; top: 0px; left: 42%;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              top
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; left: 0px; top: 42%;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              left
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; right: 0px; top: 42%;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              right
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; bottom: 0px; left: 42%;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              bottom
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; top: 0px; left: 70px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              top-left
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; top: 0px; right: 70px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              top-right
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; bottom: 0px; left: 70px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              bottom-left
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            style="position: absolute; bottom: 0px; right: 70px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              bottom-right
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\attach.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          信息
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          成功
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          警告
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          错误
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-notification t-notification-is-info"
+  >
+    <div
+      class="t-notification__icon"
+    >
+      <svg
+        class="t-icon t-icon-info-circle-filled t-is-info"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+          fill="currentColor"
+        />
+      </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
+        class="t-notification__content"
+      >
+        这是一条消息通知
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\close-all.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击打开多个消息
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击关闭多个消息
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\content.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-notification t-notification-is-info"
+      >
+        <div
+          class="t-notification__icon"
+        >
+          <svg
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            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
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            <div>
+              这是一条消息通知
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\footer.tsx 1`] = `
+<div>
+  <div
+    class="t-notification t-notification-is-info"
+  >
+    <div
+      class="t-notification__icon"
+    >
+      <svg
+        class="t-icon t-icon-info-circle-filled t-is-info"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <path
+          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+          fill="currentColor"
+        />
+      </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
+        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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-notification t-notification-is-info"
+      >
+        <div
+          class="t-notification__icon"
+        >
+          <svg
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            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
+            class="t-icon t-icon-info-circle-filled t-is-error"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            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
+            class="t-icon t-icon-info-circle-filled t-is-warning"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            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
+            class="t-icon t-icon-check-circle-filled t-is-success"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\operation.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-notification t-notification-is-info"
+      >
+        <div
+          class="t-notification__icon"
+        >
+          <svg
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾
+          </div>
+          <div
+            class="t-notification__detail"
+          >
+            <div>
+              <button
+                class="t-button t-button--theme-primary t-button--variant-text"
+                type="button"
+              >
+                <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
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            使用 props function 自定义底部内容
+          </div>
+          <div
+            class="t-notification__detail"
+          >
+            <div>
+              <button
+                class="t-button t-button--theme-primary t-button--variant-text"
+                type="button"
+              >
+                <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
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容
+          </div>
+          <div
+            class="t-notification__detail"
+          >
+            <div
+              slot="footer"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-text"
+                type="button"
+              >
+                <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
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            1. 使用插槽自定义标题 2. 使用插槽自定义底部内容
+          </div>
+          <div
+            class="t-notification__detail"
+          >
+            <div>
+              <button
+                class="t-button t-button--theme-default t-button--variant-text"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重启
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-primary t-button--variant-text"
+                type="button"
+              >
+                <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
+            class="t-icon t-icon-info-circle-filled t-is-info"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
+              fill="currentColor"
+            />
+          </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
+            class="t-notification__content"
+          >
+            使用插槽自定义内容
+          </div>
+          <div
+            class="t-notification__detail"
+          >
+            <div>
+              <button
+                class="t-button t-button--theme-default t-button--variant-text"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  重启
+                </span>
+              </button>
+              <button
+                class="t-button t-button--theme-primary t-button--variant-text"
+                type="button"
+              >
+                <span
+                  class="t-button__text"
+                >
+                  更多
+                </span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\placement.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            style="width: 130px; display: inline-block; margin: 0px 20px 36px 0px;"
+            value="0"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入横向偏移量"
+                type="text"
+                value="0"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            style="width: 130px; display: inline-block; margin: 0px 20px 36px 0px;"
+            value="0"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入纵向偏移量"
+                type="text"
+                value="0"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              左上角
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              右上角
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              左下角
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              右下角
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\plugin.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          信息
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          成功
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          警告
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          错误
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\toggle.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      自由控制关闭时机
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 100 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="5 条/页"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="5 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                5 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+          class="t-icon t-icon-ellipsis"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="ellipsis"
+          >
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M4 11.5H5V12.5H4V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19 11.5H20V12.5H19V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </li>
+      <li
+        class="t-pagination__number"
+      >
+        20
+      </li>
+    </ul>
+    <div
+      class="t-pagination__btn t-pagination__btn-next"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\jump.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 645 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="20 条/页"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="20 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                20 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+          class="t-icon t-icon-ellipsis"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="ellipsis"
+          >
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M4 11.5H5V12.5H4V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19 11.5H20V12.5H19V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </li>
+      <li
+        class="t-pagination__number"
+      >
+        33
+      </li>
+    </ul>
+    <div
+      class="t-pagination__btn t-pagination__btn-next"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-pagination__jump"
+    >
+      跳至
+      <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"
+            spellcheck="false"
+            value="1"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                autocomplete="off"
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value="1"
+              />
+            </div>
+          </div>
+        </div>
+        <span
+          class="t-input-adornment__append"
+        >
+          <span
+            class="t-input-adornment__text"
+          >
+            / 33 页
+          </span>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\mini.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination t-size-s"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 100 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="5 条/页"
+          >
+            <div
+              class="t-input t-size-s t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="5 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                5 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+          class="t-icon t-icon-ellipsis"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="ellipsis"
+          >
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M4 11.5H5V12.5H4V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19 11.5H20V12.5H19V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </li>
+      <li
+        class="t-pagination__number"
+      >
+        20
+      </li>
+    </ul>
+    <div
+      class="t-pagination__btn t-pagination__btn-next"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\more.tsx 1`] = `
+<div>
+  <div>
+    <span>
+      展示首尾页码省略
+    </span>
+    <div
+      class="t-pagination"
+    >
+      <div
+        class="t-pagination__total"
+      >
+        共 100 条数据
+      </div>
+      <div
+        class="t-pagination__select"
+      >
+        <div
+          class="t-select__wrap"
+        >
+          <div
+            class="t-select t-select-input"
+          >
+            <div
+              class="t-input__wrap t-input--auto-width"
+              spellcheck="false"
+              value="5 条/页"
+            >
+              <div
+                class="t-input t-align-left t-input--suffix"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  value="5 条/页"
+                />
+                <span
+                  class="t-input__input-pre"
+                >
+                  5 条/页
+                </span>
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-fake-arrow t-select__right-icon"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+      >
+        <svg
+          class="t-icon t-icon-chevron-left"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-left"
+          >
+            <path
+              d="M14.5 17.5L9 12L14.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+            class="t-icon t-icon-ellipsis"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="ellipsis"
+            >
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M4 11.5H5V12.5H4V11.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M19 11.5H20V12.5H19V11.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </li>
+        <li
+          class="t-pagination__number"
+        >
+          20
+        </li>
+      </ul>
+      <div
+        class="t-pagination__btn t-pagination__btn-next"
+      >
+        <svg
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+    </div>
+    <span>
+      不展示首尾页码省略
+    </span>
+    <div
+      class="t-pagination"
+    >
+      <div
+        class="t-pagination__total"
+      >
+        共 100 条数据
+      </div>
+      <div
+        class="t-pagination__select"
+      >
+        <div
+          class="t-select__wrap"
+        >
+          <div
+            class="t-select t-select-input"
+          >
+            <div
+              class="t-input__wrap t-input--auto-width"
+              spellcheck="false"
+              value="5 条/页"
+            >
+              <div
+                class="t-input t-align-left t-input--suffix"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请选择"
+                  readonly=""
+                  type="text"
+                  value="5 条/页"
+                />
+                <span
+                  class="t-input__input-pre"
+                >
+                  5 条/页
+                </span>
+                <span
+                  class="t-input__suffix t-input__suffix-icon"
+                >
+                  <svg
+                    class="t-fake-arrow t-select__right-icon"
+                    fill="none"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                      stroke="black"
+                      stroke-opacity="0.9"
+                      stroke-width="1.3"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+      >
+        <svg
+          class="t-icon t-icon-chevron-left"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-left"
+          >
+            <path
+              d="M14.5 17.5L9 12L14.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </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
+          class="t-icon t-icon-chevron-right"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-right"
+          >
+            <path
+              d="M9.5 17.5L15 12L9.5 6.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 645 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="20 条/页"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="20 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                20 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+          class="t-icon t-icon-ellipsis"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="ellipsis"
+          >
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M4 11.5H5V12.5H4V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19 11.5H20V12.5H19V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </li>
+      <li
+        class="t-pagination__number"
+      >
+        33
+      </li>
+    </ul>
+    <div
+      class="t-pagination__btn t-pagination__btn-next"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\pagination-mini.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'vertical'"
+                tabindex="-1"
+                type="radio"
+                value="vertical"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                vertical
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'horizontal'"
+                tabindex="-1"
+                type="radio"
+                value="horizontal"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                horizontal
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'small'"
+                tabindex="-1"
+                type="radio"
+                value="small"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                small
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'medium'"
+                tabindex="-1"
+                type="radio"
+                value="medium"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                medium
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'large'"
+                tabindex="-1"
+                type="radio"
+                value="large"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                large
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-pagination-mini"
+      >
+        <button
+          class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          title="前尘忆梦"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-chevron-up"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-up"
+            >
+              <path
+                d="M17.5 14.5L12 9L6.5 14.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <button
+          class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          title="回到现在"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-round"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="round"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                fill="transparent"
+                id="fill1"
+                r="7"
+              />
+              <circle
+                cx="12"
+                cy="12"
+                id="stroke1"
+                r="7"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <button
+          class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"
+          title="展望未来"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-chevron-down"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-down"
+            >
+              <path
+                d="M17.5 9.5L12 15L6.5 9.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 100 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="5 条/页"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="5 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                5 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-pagination__jump"
+    >
+      跳至
+      <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"
+            spellcheck="false"
+            value="1"
+          >
+            <div
+              class="t-input t-align-left"
+            >
+              <input
+                autocomplete="off"
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value="1"
+              />
+            </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
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination t-size-s"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 100 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="5 条/页"
+          >
+            <div
+              class="t-input t-size-s t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="5 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                5 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-pagination__jump"
+    >
+      跳至
+      <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"
+            spellcheck="false"
+            value="1"
+          >
+            <div
+              class="t-input t-size-s t-align-left"
+            >
+              <input
+                autocomplete="off"
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value="1"
+              />
+            </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
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\total.tsx 1`] = `
+<div>
+  <div
+    class="t-pagination"
+  >
+    <div
+      class="t-pagination__total"
+    >
+      共 685 条数据
+    </div>
+    <div
+      class="t-pagination__select"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap t-input--auto-width"
+            spellcheck="false"
+            value="10 条/页"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="10 条/页"
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                10 条/页
+              </span>
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </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
+          class="t-icon t-icon-ellipsis"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="ellipsis"
+          >
+            <g
+              id="stroke1"
+            >
+              <path
+                d="M4 11.5H5V12.5H4V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M19 11.5H20V12.5H19V11.5Z"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </g>
+        </svg>
+      </li>
+      <li
+        class="t-pagination__number"
+      >
+        69
+      </li>
+    </ul>
+    <div
+      class="t-pagination__btn t-pagination__btn-next"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          删除订单
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          提交审核
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\button.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          按钮样式（属性-字符串）
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          按钮样式（TNode）
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\describe.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          自定义浮层内容
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-warning t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          自定义浮层内容
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\extends.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      浮层在右边
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              默认
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-warning t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              警告
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-danger t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              危险
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-outline"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              自定义图标（属性）
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\inherit.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          浮层出现在下方
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          浮层出现在右侧
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\placement.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Left
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Top
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Bottom
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          默认
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          提示
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-danger t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          警告
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-danger t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          错误
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Hover me
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Hover me
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\container.tsx 1`] = `
+<div>
+  <div
+    class="t-space attach-container t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击查看我的父元素(CSS Selector)
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击查看我的父元素(Function)
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\destroy.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Hover me
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\disabled.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Hover me
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\dynamic.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      点击改变内容
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\placement.tsx 1`] = `
+<div>
+  <div
+    style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
+  >
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; top: 0px; left: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; top: 0px; left: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top-left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; top: 0px; right: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top-right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; bottom: 0px; left: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; bottom: 0px; left: 70px; width: 120px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom-left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; bottom: 0px; right: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom-right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; left: 0px; top: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; left: 0px; top: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left-top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; left: 0px; bottom: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left-bottom
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; right: 0px; top: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; right: 0px; top: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right-top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-primary t-button--variant-base"
+      style="position: absolute; right: 0px; bottom: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right-bottom
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\plugin.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          正常的方式打开
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          通过Plugin打开，并修改不同浮层的配置
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <span>
+          这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作
+        </span>
+        <a
+          class="trigger-element3"
+        >
+          点击此链接，会打开浮层进行跳转操作
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\popper-options.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                横向偏移量:
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-input-number t-size-s t-input-number--row"
+                style="width: 130px; display: inline-block;"
+              >
+                <button
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-s"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value="30"
+                >
+                  <div
+                    class="t-input t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入横向偏移量"
+                      type="text"
+                      value="30"
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-s"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                纵向偏移量:
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-input-number t-size-s t-input-number--row"
+                style="width: 130px; display: inline-block;"
+              >
+                <button
+                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-remove t-size-s"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="remove"
+                    >
+                      <path
+                        d="M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+                <div
+                  class="t-input__wrap"
+                  spellcheck="false"
+                  value="10"
+                >
+                  <div
+                    class="t-input t-size-s t-align-center"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder="请输入纵向偏移量"
+                      type="text"
+                      value="10"
+                    />
+                  </div>
+                </div>
+                <button
+                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-add t-size-s"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="add"
+                    >
+                      <path
+                        d="M12 5L12 19M19 12L5 12"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Hover me
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\style.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          自定义浮层类名
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          固定浮层宽度
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          浮层最大宽度
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          浮层和触发元素同宽
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\trigger.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          悬浮时触发（默认）
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        style="width: 200px;"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="获得焦点时触发"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击时触发
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          右击时触发
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\trigger-element.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          默认子节点元素触发
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          使用 triggerElement 元素触发
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        id="trigger-element"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          提供字符串选择器选择触发元素
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\visible.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      一直显示
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\progress\\_example\\circle.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        默认
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="margin: 20px 0px 10px; gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                默认样式
+              </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"
+                  >
+                    10%
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="35.18583772020568  316.6725394818512"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                不显示数字
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <div>
+                <div
+                  class="t-progress--circle"
+                  style="width: 112px; height: 112px; font-size: 17.5px;"
+                >
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="35.18583772020568  316.6725394818512"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                自定义内容
+              </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>
+                      10
+                      day
+                    </div>
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="35.18583772020568  316.6725394818512"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="margin: 20px 0px 10px; gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                进度状态完成
+              </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
+                      class="t-icon t-icon-check t-progress__icon"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="check"
+                      >
+                        <path
+                          d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="351.85837720205683  0"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                进度状态发生重大错误
+              </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
+                      class="t-icon t-icon-close t-progress__icon"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="close"
+                      >
+                        <path
+                          d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="263.89378290154264  87.96459430051421"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                进度状态被中断
+              </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
+                      class="t-icon t-icon-error t-progress__icon"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="error"
+                      >
+                        <path
+                          d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="175.92918860102841  175.92918860102841"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        默认不同尺寸
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="margin: 20px 0px 10px; gap: 24px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                小尺寸
+              </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"
+                  >
+                    30%
+                  </div>
+                  <svg
+                    height="72"
+                    viewBox="0 0 76 76"
+                    width="72"
+                  >
+                    <circle
+                      cx="38"
+                      cy="38"
+                      fill="none"
+                      r="36"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="4"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="38"
+                      cy="38"
+                      fill="none"
+                      r="36"
+                      stroke-dasharray="67.85840131753953  158.33626974092556"
+                      stroke-width="4"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,76)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                默认尺寸
+              </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"
+                  >
+                    30%
+                  </div>
+                  <svg
+                    height="112"
+                    viewBox="0 0 118 118"
+                    width="112"
+                  >
+                    <circle
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="59"
+                      cy="59"
+                      fill="none"
+                      r="56"
+                      stroke-dasharray="105.55751316061705  246.30086404143975"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,118)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-align-center t-space-vertical"
+            style="margin: 15px 15px 15px 60px; min-width: 160px; gap: 8px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                style="margin-bottom: 10px;"
+              >
+                大尺寸
+              </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"
+                  >
+                    75%
+                  </div>
+                  <svg
+                    height="160"
+                    viewBox="0 0 166 166"
+                    width="160"
+                  >
+                    <circle
+                      cx="83"
+                      cy="83"
+                      fill="none"
+                      r="80"
+                      stroke="var(--td-bg-color-component)"
+                      stroke-width="6"
+                    />
+                    <circle
+                      class="t-progress__circle-inner"
+                      cx="83"
+                      cy="83"
+                      fill="none"
+                      r="80"
+                      stroke-dasharray="376.99111843077515  125.66370614359172"
+                      stroke-width="6"
+                      style="stroke-linecap: round;"
+                      transform="matrix(0,-1,1,0,0,166)"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\progress\\_example\\line.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        动态更新示例
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="width: 100%; gap: 16px;"
+      >
+        <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: 10%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                10%
+              </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: 10%;"
+                />
+              </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: 10%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                <div>
+                  自定义文本
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        默认在线形外展示进度和状态
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="width: 100%; gap: 16px;"
+      >
+        <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: 30%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                30%
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            100%
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <div
+              class="t-progress--thin t-progress--status--success"
+            >
+              <div
+                class="t-progress__bar"
+              >
+                <div
+                  class="t-progress__inner"
+                  style="width: 100%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled t-progress__icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </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--success"
+            >
+              <div
+                class="t-progress__bar"
+              >
+                <div
+                  class="t-progress__inner"
+                  style="width: 60%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled t-progress__icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </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: 60%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled t-progress__icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </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--warning"
+            >
+              <div
+                class="t-progress__bar"
+              >
+                <div
+                  class="t-progress__inner"
+                  style="width: 60%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled t-progress__icon"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </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: 60%;"
+                />
+              </div>
+              <div
+                class="t-progress__info"
+              >
+                60%
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        可以在线形内展示进度信息
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="width: 100%; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            默认样式
+          </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: 30%;"
+              />
+              <div
+                class="t-progress__info"
+              >
+                30%
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧
+          </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: 10%;"
+              />
+              <div
+                class="t-progress__info"
+              >
+                <div>
+                  当前进度为：
+                  10
+                  %
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-align-center t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="https://tdesign.tencent.com/"
+      >
+        <div
+          class="t-input t-align-left"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="-"
+            type="text"
+            value="https://tdesign.tencent.com/"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: rgb(255, 255, 255); width: 160px; height: 160px;"
+      >
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode t-qrcode-svg"
+        level="M"
+        style="background-color: rgb(217, 225, 255); width: 160px; height: 160px;"
+      >
+        <svg
+          height="160"
+          role="img"
+          viewBox="0 0 29 29"
+          width="160"
+        >
+          <path
+            d="M0,0 h29v29H0z"
+            fill="#D9E1FF"
+            shape-rendering="crispEdges"
+          />
+          <path
+            d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z"
+            fill="#0052D9"
+            shape-rendering="crispEdges"
+          />
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="margin-bottom: 16px; user-select: none; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-minus"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="minus"
+          >
+            <path
+              d="M16.502 12L7.50195 12"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          Smaller
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-add"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="add"
+          >
+            <path
+              d="M12 5L12 19M19 12L5 12"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          Larger
+        </span>
+      </button>
+    </div>
+  </div>
+  <p
+    style="min-height: 160px;"
+  >
+    <div
+      class="t-qrcode"
+      level="H"
+      style="background-color: transparent; width: 160px; height: 160px;"
+    >
+      <canvas
+        height="160"
+        role="img"
+        width="160"
+      />
+      <img
+        crossorigin="anonymous"
+        src="https://tdesign.gtimg.com/site/tdesign-logo.png"
+        style="display: none;"
+      />
+    </div>
+  </p>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <div
+            class="t-space t-space-vertical"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-loading t-loading--center"
+                style="font-size: 32px;"
+              >
+                <svg
+                  class="t-loading__gradient t-icon-loading"
+                  height="1em"
+                  version="1.1"
+                  viewBox="0 0 12 12"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <foreignobject
+                    height="12"
+                    width="12"
+                    x="0"
+                    y="0"
+                  >
+                    <div
+                      class="t-loading__gradient-conic"
+                    />
+                  </foreignobject>
+                </svg>
+              </div>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <p>
+                加载中...
+              </p>
+            </div>
+          </div>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <div
+            style="display: flex; align-items: center; flex-direction: column;"
+          >
+            <p
+              style="display: flex; align-items: center; column-gap: 8px;"
+            >
+              <svg
+                class="t-icon t-icon-close-circle-filled"
+                fill="none"
+                height="1em"
+                style="fill: none; color: red; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                  fill="currentColor"
+                />
+              </svg>
+              <span>
+                二维码过期
+              </span>
+            </p>
+            <p
+              style="display: flex; align-items: center; column-gap: 8px; color: rgb(0, 82, 217); cursor: pointer; line-height: 32px;"
+            >
+              <svg
+                class="t-icon t-icon-refresh"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="refresh"
+                >
+                  <path
+                    d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span>
+                点击刷新
+              </span>
+            </p>
+          </div>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <div
+            style="display: flex; align-items: center; column-gap: 8px;"
+          >
+            <svg
+              class="t-icon t-icon-check-circle-filled"
+              fill="none"
+              height="1em"
+              style="fill: none; color: rgb(43, 164, 113); font-size: 16px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                fill="currentColor"
+              />
+            </svg>
+            <span>
+              已扫描
+            </span>
+          </div>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\download.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'canvas'"
+            tabindex="-1"
+            type="radio"
+            value="canvas"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            canvas
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'svg'"
+            tabindex="-1"
+            type="radio"
+            value="svg"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            svg
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        id="qrcode"
+      >
+        <div
+          class="t-qrcode"
+          level="M"
+          style="background-color: transparent; margin-bottom: 16px; width: 160px; height: 160px;"
+        >
+          <canvas
+            height="160"
+            role="img"
+            width="160"
+          />
+          <img
+            crossorigin="anonymous"
+            src="https://tdesign.gtimg.com/site/tdesign-logo.png"
+            style="display: none;"
+          />
+        </div>
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            Download
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-qrcode"
+    level="M"
+    style="background-color: transparent; width: 160px; height: 160px;"
+  >
+    <canvas
+      height="160"
+      role="img"
+      width="160"
+    />
+    <img
+      crossorigin="anonymous"
+      src="https://tdesign.gtimg.com/site/tdesign-logo.png"
+      style="display: none;"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\level.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'L'"
+            tabindex="-1"
+            type="radio"
+            value="L"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            L
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'M'"
+            tabindex="-1"
+            type="radio"
+            value="M"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            M
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'Q'"
+            tabindex="-1"
+            type="radio"
+            value="Q"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            Q
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'H'"
+            tabindex="-1"
+            type="radio"
+            value="H"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            H
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="L"
+        style="background-color: transparent; margin-bottom: 16px; width: 160px; height: 160px;"
+      >
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\popover.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-base"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      Hover me
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <div
+            class="t-loading t-loading--center"
+            style="font-size: 32px;"
+          >
+            <svg
+              class="t-loading__gradient t-icon-loading"
+              height="1em"
+              version="1.1"
+              viewBox="0 0 12 12"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <foreignobject
+                height="12"
+                width="12"
+                x="0"
+                y="0"
+              >
+                <div
+                  class="t-loading__gradient-conic"
+                />
+              </foreignobject>
+            </svg>
+          </div>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <p
+            class="t-expired__text"
+          >
+            二维码过期
+          </p>
+          <p
+            class="t-expired__button"
+          >
+            <svg
+              class="t-icon t-icon-refresh"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 16px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="refresh"
+              >
+                <path
+                  d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            点击刷新
+          </p>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <div
+          class="t-mask"
+        >
+          <p
+            class="t-scanned"
+          >
+            <svg
+              class="t-icon t-icon-check-circle-filled t-scanned__icon"
+              fill="none"
+              height="1em"
+              style="fill: none; font-size: 16px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                fill="currentColor"
+              />
+            </svg>
+            已扫描
+          </p>
+        </div>
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <canvas
+          height="160"
+          role="img"
+          width="160"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-qrcode t-qrcode-svg"
+        level="M"
+        style="background-color: transparent; width: 160px; height: 160px;"
+      >
+        <svg
+          height="160"
+          role="img"
+          viewBox="0 0 29 29"
+          width="160"
+        >
+          <path
+            d="M0,0 h29v29H0z"
+            fill="transparent"
+            shape-rendering="crispEdges"
+          />
+          <path
+            d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z"
+            fill=""
+            shape-rendering="crispEdges"
+          />
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-radio"
+        tabindex="0"
+      >
+        <input
+          class="t-radio__former"
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio__input"
+        />
+        <span
+          class="t-radio__label"
+        >
+          未选中
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-radio"
+        tabindex="0"
+      >
+        <input
+          class="t-radio__former"
+          data-allow-uncheck="true"
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio__input"
+        />
+        <span
+          class="t-radio__label"
+        >
+          取消选中
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-radio t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-radio__former"
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio__input"
+        />
+        <span
+          class="t-radio__label"
+        >
+          已选中
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-radio t-is-disabled"
+      >
+        <input
+          class="t-radio__former"
+          disabled=""
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio__input"
+        />
+        <span
+          class="t-radio__label"
+        >
+          禁用未选中
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-radio t-is-checked t-is-disabled"
+      >
+        <input
+          checked=""
+          class="t-radio__former"
+          disabled=""
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio__input"
+        />
+        <span
+          class="t-radio__label"
+        >
+          禁用已选中
+        </span>
+      </label>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'bj'"
+            tabindex="-1"
+            type="radio"
+            value="bj"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'sh'"
+            tabindex="-1"
+            type="radio"
+            value="sh"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'gz'"
+            tabindex="-1"
+            type="radio"
+            value="gz"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'sz'"
+            tabindex="-1"
+            type="radio"
+            value="sz"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <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
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'bj'"
+            tabindex="-1"
+            type="radio"
+            value="bj"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'sh'"
+            tabindex="-1"
+            type="radio"
+            value="sh"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-radio t-is-disabled"
+        >
+          <input
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'gz'"
+            disabled=""
+            tabindex="-1"
+            type="radio"
+            value="gz"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-allow-uncheck="true"
+            data-value="'sz'"
+            tabindex="-1"
+            type="radio"
+            value="sz"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <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
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bj'"
+            tabindex="-1"
+            type="radio"
+            value="bj"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'sh'"
+            tabindex="-1"
+            type="radio"
+            value="sh"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-disabled"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'gz'"
+            disabled=""
+            tabindex="-1"
+            type="radio"
+            value="gz"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'sz'"
+            tabindex="-1"
+            type="radio"
+            value="sz"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            深圳
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'北京'"
+            tabindex="-1"
+            type="radio"
+            value="北京"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'上海'"
+            tabindex="-1"
+            type="radio"
+            value="上海"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'广州'"
+            tabindex="-1"
+            type="radio"
+            value="广州"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'深圳'"
+            tabindex="-1"
+            type="radio"
+            value="深圳"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <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
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'北京'"
+            tabindex="-1"
+            type="radio"
+            value="北京"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            北京
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'上海'"
+            tabindex="-1"
+            type="radio"
+            value="上海"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上海
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'广州'"
+            tabindex="-1"
+            type="radio"
+            value="广州"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            广州
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'深圳'"
+            tabindex="-1"
+            type="radio"
+            value="深圳"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            深圳
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-s t-radio-group__outline"
+          >
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'bj'"
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sh'"
+                tabindex="-1"
+                type="radio"
+                value="sh"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz'"
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <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
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj1'"
+                tabindex="-1"
+                type="radio"
+                value="bj1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'sh1'"
+                tabindex="-1"
+                type="radio"
+                value="sh1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz1'"
+                tabindex="-1"
+                type="radio"
+                value="gz1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz1'"
+                tabindex="-1"
+                type="radio"
+                value="sz1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <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
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj2'"
+                tabindex="-1"
+                type="radio"
+                value="bj2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sh2'"
+                tabindex="-1"
+                type="radio"
+                value="sh2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'gz2'"
+                tabindex="-1"
+                type="radio"
+                value="gz2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz2'"
+                tabindex="-1"
+                type="radio"
+                value="sz2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                深圳
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-s t-radio-group--filled"
+          >
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'bj'"
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sh'"
+                tabindex="-1"
+                type="radio"
+                value="sh"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz'"
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                深圳
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-m t-radio-group--filled"
+          >
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj1'"
+                tabindex="-1"
+                type="radio"
+                value="bj1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'sh1'"
+                tabindex="-1"
+                type="radio"
+                value="sh1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz1'"
+                tabindex="-1"
+                type="radio"
+                value="gz1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz1'"
+                tabindex="-1"
+                type="radio"
+                value="sz1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                深圳
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-l t-radio-group--filled"
+          >
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj2'"
+                tabindex="-1"
+                type="radio"
+                value="bj2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                北京
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sh2'"
+                tabindex="-1"
+                type="radio"
+                value="sh2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                上海
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'gz2'"
+                tabindex="-1"
+                type="radio"
+                value="gz2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                广州
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz2'"
+                tabindex="-1"
+                type="radio"
+                value="sz2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                深圳
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\type.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'bj'"
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'sh'"
+                tabindex="-1"
+                type="radio"
+                value="sh"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="'gz'"
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'sz'"
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                选项四
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="radio"
+                value="2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="radio"
+                value="3"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked t-is-disabled"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'1'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选中禁用态
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'2'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="2"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                未选中禁用态
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj'"
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'gz'"
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'fj'"
+                tabindex="-1"
+                type="radio"
+                value="fj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项四
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'cd'"
+                tabindex="-1"
+                type="radio"
+                value="cd"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项五
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'bj'"
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'gz'"
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'fj'"
+                tabindex="-1"
+                type="radio"
+                value="fj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项四
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'cd'"
+                tabindex="-1"
+                type="radio"
+                value="cd"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项五
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+                class="t-radio-button__former"
+                data-value="'fj'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="fj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'cd'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="cd"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked t-is-disabled"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'bj'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选中禁用态
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                未选中禁用态
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+                class="t-radio-button__former"
+                data-value="'fj'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="fj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项一
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'cd'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="cd"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项二
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'sz'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="sz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选项三
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked t-is-disabled"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'bj'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="bj"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                选中禁用态
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-disabled"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'gz'"
+                disabled=""
+                tabindex="-1"
+                type="radio"
+                value="gz"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                未选中禁用态
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\base.tsx 1`] = `
+<div>
+  <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
+            class="t-input__inner"
+            placeholder="请输入内容"
+            type="text"
+            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
+            class="t-input__inner"
+            placeholder="请输入内容"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\popup.tsx 1`] = `
+<div>
+  <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
+              class="t-input__inner"
+              placeholder="请输入内容"
+              type="text"
+              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
+              class="t-input__inner"
+              placeholder="请输入内容"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="请输入内容"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\base.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\clearable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\custom.tsx 1`] = `
+<div>
+  <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
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+      <li
+        class="t-rate__item"
+      >
+        <div
+          class="t-rate__star-top"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="#ED7B2F"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+        <div
+          class="t-rate__star-bottom"
+        >
+          <svg
+            class="t-icon t-icon-star-filled"
+            color="var(--td-bg-color-component)"
+            fill="none"
+            height="1em"
+            style="fill: none; font-size: 24px;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+              fill="currentColor"
+            />
+          </svg>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-icon t-icon-star"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="star"
+                >
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-logo-github"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-logo-github"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="logo-github"
+                >
+                  <path
+                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-error-color-7)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-error-color-7)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--half"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-error-color-7)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-error-color-7)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-error-color-7)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-heart-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="text-align: center; gap: 16px;"
+  >
+    <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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--full"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+          <li
+            class="t-rate__item t-rate__item--half"
+          >
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\texts.tsx 1`] = `
+<div>
+  <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
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div>
+          <div>
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div>
+          <div>
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        class="t-rate__item t-rate__item--full"
+      >
+        <div>
+          <div>
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        class="t-rate__item"
+      >
+        <div>
+          <div>
+            <div
+              class="t-rate__star-top"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="#ED7B2F"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+            <div
+              class="t-rate__star-bottom"
+            >
+              <svg
+                class="t-icon t-icon-star-filled"
+                color="var(--td-bg-color-component)"
+                fill="none"
+                height="1em"
+                style="fill: none; font-size: 24px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <path
+                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </li>
+    </ul>
+    <div
+      class="t-rate__text"
+    >
+      满意
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\base.tsx 1`] = `
+<div>
+  <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
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\collapsed.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 100%; gap: 16px;"
+  >
+    <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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span>
+                    +
+                    1
+                  </span>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        use collapsedItems:
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'small'"
+                tabindex="-1"
+                type="radio"
+                value="small"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                small
+              </span>
+            </label>
+            <label
+              class="t-radio t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio__former"
+                data-value="'medium'"
+                tabindex="-1"
+                type="radio"
+                value="medium"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                medium
+              </span>
+            </label>
+            <label
+              class="t-radio"
+              tabindex="0"
+            >
+              <input
+                class="t-radio__former"
+                data-value="'large'"
+                tabindex="-1"
+                type="radio"
+                value="large"
+              />
+              <span
+                class="t-radio__input"
+              />
+              <span
+                class="t-radio__label"
+              >
+                large
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <span>
+            disabled control:
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <span>
+            readonly control:
+          </span>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span>
+                    More(
+                    1
+                    )
+                  </span>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\creatable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 100%; gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--prefix t-input--suffix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                type="text"
+                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"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\custom-options.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 300px;"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="用户一"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="用户一"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\custom-selected.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+        style="width: 300px; margin-right: 20px;"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value=" "
+          >
+            <div
+              class="t-input t-align-left t-input--prefix t-input--suffix"
+            >
+              <div
+                class="t-input__prefix"
+              >
+                选中选项一
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=" "
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="选项二选项"
+                  >
+                    选项二选项
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="选项三选项"
+                  >
+                    选项三选项
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 40%;"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="Apple"
+      >
+        <div
+          class="t-input t-is-disabled t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            disabled=""
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="Apple"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\filterable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+                class="t-input__inner"
+                placeholder="-请选择-"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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="选项一"
+                  >
+                    选项一
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 800px; gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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="选项一"
+                  >
+                    选项一
+                  </span>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="选项三"
+                  >
+                    选项三
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\keys.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 200px; display: inline-block; margin-right: 20px;"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="已选择的选项"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="已选择的选项"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </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"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\label-in-value.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="Apple"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="Apple"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="Apple"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="Apple"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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="Apple"
+                  >
+                    Apple
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\max.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 40%;"
+  >
+    <div
+      class="t-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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+      >
+        <div
+          class="t-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"
+            spellcheck="false"
+            value=""
+          >
+            <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="区块链"
+                  >
+                    区块链
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="人工智能"
+                  >
+                    人工智能
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
+            spellcheck="false"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="云数据库"
+                  >
+                    云数据库
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="域名注册"
+                  >
+                    域名注册
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="网站备案"
+                  >
+                    网站备案
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="对象存储"
+                  >
+                    对象存储
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="低代码平台"
+                  >
+                    低代码平台
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner t-input--soft-hidden"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\noborder.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 40%;"
+  >
+    <div
+      class="t-select t-select-input t-select-input--borderless"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="已选择的选项"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="已选择的选项"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\options.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 40%;"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="Apple"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            type="text"
+            value="Apple"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\panel.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择云解决方案"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择云产品"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\popup-props.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+        style="width: 300px; display: inline-block;"
+      >
+        <div
+          class="t-select t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="固定300px宽度"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="固定300px宽度"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="下拉框强制和输入框同宽"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value="下拉框强制和输入框同宽"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\prefix.tsx 1`] = `
+<div>
+  <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--prefix t-input--suffix"
+        >
+          <span
+            class="t-input__prefix t-input__prefix-icon"
+          >
+            <svg
+              class="t-icon t-icon-browse"
+              fill="none"
+              height="1em"
+              style="fill: none; margin-right: 8px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                clip-path="url(#clip0_543_7945)"
+                id="browse"
+              >
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\remote-search.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                type="text"
+                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"
+                    height="1em"
+                    version="1.1"
+                    viewBox="0 0 12 12"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <foreignobject
+                      height="12"
+                      width="12"
+                      x="0"
+                      y="0"
+                    >
+                      <div
+                        class="t-loading__gradient-conic"
+                      />
+                    </foreignobject>
+                  </svg>
+                </div>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-select__wrap"
+        style="width: 400px;"
+      >
+        <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"
+            spellcheck="false"
+            value=""
+          >
+            <div
+              class="t-input t-align-left t-input--prefix t-input--suffix"
+            >
+              <div
+                class="t-input__prefix"
+              />
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              >
+                请选择
+              </span>
+              <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"
+                    height="1em"
+                    version="1.1"
+                    viewBox="0 0 12 12"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <foreignobject
+                      height="12"
+                      width="12"
+                      x="0"
+                      y="0"
+                    >
+                      <div
+                        class="t-loading__gradient-conic"
+                      />
+                    </foreignobject>
+                  </svg>
+                </div>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\scroll-bottom.tsx 1`] = `
+<div>
+  <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
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\scroll-top.tsx 1`] = `
+<div>
+  <div
+    class="t-select__wrap"
+    style="width: 200px;"
+  >
+    <div
+      class="t-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="第 50 项"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value="第 50 项"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow t-select__right-icon"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <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-size-s t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-size-l t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-disabled t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                disabled=""
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                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"
+                    height="1em"
+                    version="1.1"
+                    viewBox="0 0 12 12"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <foreignobject
+                      height="12"
+                      width="12"
+                      x="0"
+                      y="0"
+                    >
+                      <div
+                        class="t-loading__gradient-conic"
+                      />
+                    </foreignobject>
+                  </svg>
+                </div>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select\\_example\\virtual-scroll.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请选择"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-fake-arrow t-select__right-icon"
+                  fill="none"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                    stroke="black"
+                    stroke-opacity="0.9"
+                    stroke-width="1.3"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autocomplete.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-select-input t-select-input--empty"
+      style="width: 300px;"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入任意关键词"
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-search"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="search"
+              >
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M15.8027 15.8037L21.106 21.107"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autowidth.tsx 1`] = `
+<div>
+  <div
+    class="t-select-input"
+  >
+    <div
+      class="t-input__wrap t-input--auto-width"
+      spellcheck="false"
+      value="tdesign-vue"
+    >
+      <div
+        class="t-input t-align-left t-input--suffix"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="Please Select"
+          type="text"
+          value="tdesign-vue"
+        />
+        <span
+          class="t-input__input-pre"
+        >
+          tdesign-vue
+        </span>
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-icon t-icon-chevron-down"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-down"
+            >
+              <path
+                d="M17.5 9.5L12 15L6.5 9.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autowidth-multiple.tsx 1`] = `
+<div>
+  <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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                +
+                2
+              </span>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\borderless.tsx 1`] = `
+<div>
+  <div
+    style="width: 60%;"
+  >
+    <div
+      class="t-select-input t-select-input--borderless"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="tdesign-vue"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="Please Select"
+            readonly=""
+            type="text"
+            value="tdesign-vue"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\borderless-multiple.tsx 1`] = `
+<div>
+  <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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                +
+                2
+              </span>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\collapsed-items.tsx 1`] = `
+<div>
+  <div
+    class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  +
+                  5
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-icon t-icon-chevron-down"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span
+                  title="tdesign-react"
+                >
+                  tdesign-react
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  More(+
+                  4
+                  )
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-icon t-icon-chevron-down"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\custom-tag.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo-select-input-custom-tag"
+  >
+    <div
+      class="t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=" "
+      >
+        <div
+          class="t-input t-align-left t-input--prefix"
+        >
+          <div
+            class="t-input__prefix"
+          >
+            <span
+              class="displaySpan"
+            >
+              <svg
+                class="t-icon t-icon-control-platform tdesign-demo-select-input__img"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="control-platform"
+                >
+                  <path
+                    d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              tdesign-vue
+            </span>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            readonly=""
+            type="text"
+            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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                   
+                  tdesign-vue
+                </span>
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                <span
+                  class="displaySpan"
+                >
+                  <svg
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                   
+                  tdesign-react
+                </span>
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                   
+                  tdesign-vue
+                  tdesign-react
+                  tdesign-mobile-vue
+                </span>
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              style="margin-right: 4px;"
+            >
+              <span>
+                <span
+                  class="displaySpan"
+                >
+                  <svg
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                   
+                  tdesign-vue
+                  tdesign-react
+                  tdesign-mobile-vue
+                </span>
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              style="margin-right: 4px;"
+            >
+              <span>
+                <span
+                  class="displaySpan"
+                >
+                  <svg
+                    class="t-icon t-icon-control-platform"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="control-platform"
+                    >
+                      <path
+                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        fill="transparent"
+                        id="fill1"
+                      />
+                      <path
+                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                   
+                  tdesign-vue
+                  tdesign-react
+                  tdesign-mobile-vue
+                </span>
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner t-input--soft-hidden"
+            placeholder=""
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\excess-tags-display-type.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo__select-input-excess-tags-display-type"
+  >
+    <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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-react"
+              >
+                tdesign-react
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-miniprogram"
+              >
+                tdesign-miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-angular"
+              >
+                tdesign-angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-mobile-vue"
+              >
+                tdesign-mobile-vue
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-mobile-react"
+              >
+                tdesign-mobile-react
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-react"
+              >
+                tdesign-react
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-miniprogram"
+              >
+                tdesign-miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-angular"
+              >
+                tdesign-angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-mobile-vue"
+              >
+                tdesign-mobile-vue
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="tdesign-mobile-react"
+              >
+                tdesign-mobile-react
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\label-suffix.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-select-input"
+      style="width: 300px;"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="tdesign-vue"
+      >
+        <div
+          class="t-input t-align-left t-input--prefix t-input--suffix"
+        >
+          <div
+            class="t-input__prefix"
+          >
+            <span>
+              前置内容：
+            </span>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder="Please Select"
+            readonly=""
+            type="text"
+            value="tdesign-vue"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+    <br />
+     
+    <br />
+    <div
+      class="t-select-input"
+      style="width: 300px;"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="tdesign-vue"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="Please Select"
+            readonly=""
+            type="text"
+            value="tdesign-vue"
+          />
+          <div
+            class="t-input__suffix"
+          >
+            <span>
+              单位：元
+            </span>
+          </div>
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\multiple.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo__select-input-multiple"
+    style="width: 100%;"
+  >
+    <div>
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          是否允许输入
+        </span>
+      </label>
+      <label
+        class="t-checkbox t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          允许创建新选项（Enter 创建）
+        </span>
+      </label>
+    </div>
+    <br />
+    <div>
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio"
+          tabindex="0"
+        >
+          <input
+            class="t-radio__former"
+            data-value="'scroll'"
+            tabindex="-1"
+            type="radio"
+            value="scroll"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <span
+            class="t-radio__label"
+          >
+            选中项过多横向滚动
+          </span>
+        </label>
+        <label
+          class="t-radio t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio__former"
+            data-value="'break-line'"
+            tabindex="-1"
+            type="radio"
+            value="break-line"
+          />
+          <span
+            class="t-radio__input"
+          />
+          <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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\single.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-select-input"
+      style="width: 300px;"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="tdesign-vue"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="Please Select"
+            type="text"
+            value="tdesign-vue"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-chevron-down"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-down"
+              >
+                <path
+                  d="M17.5 9.5L12 15L6.5 9.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-is-disabled t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    disabled=""
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-align-left t-is-success"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-align-left t-is-warning"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="TDesign"
+              >
+                <div
+                  class="t-input t-align-left t-is-error"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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-align-left t-input--suffix"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="Please Select"
+                    readonly=""
+                    type="text"
+                    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"
+                        height="1em"
+                        version="1.1"
+                        viewBox="0 0 12 12"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <foreignobject
+                          height="12"
+                          width="12"
+                          x="0"
+                          y="0"
+                        >
+                          <div
+                            class="t-loading__gradient-conic"
+                          />
+                        </foreignobject>
+                      </svg>
+                    </div>
+                  </span>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-input__tips t-input__tips--default"
+            >
+              处于加载状态的文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\width.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo__select-input-width"
+  >
+    <div>
+      <span>
+        下拉框默认宽度：
+      </span>
+      <div
+        class="t-demo-normal t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="TDesign"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="Please Select"
+              readonly=""
+              type="text"
+              value="TDesign"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <br />
+    <div>
+      <span>
+        下拉框最大宽度：
+      </span>
+      <div
+        class="t-demo-normal t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="TDesign"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="Please Select"
+              readonly=""
+              type="text"
+              value="TDesign"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <br />
+    <div>
+      <span>
+        与内容宽度一致：
+      </span>
+      <div
+        class="t-demo-normal t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="TDesign"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="Please Select"
+              readonly=""
+              type="text"
+              value="TDesign"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <br />
+    <div>
+      <span>
+        下拉框固定宽度：
+      </span>
+      <div
+        class="t-demo-normal t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="TDesign"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="Please Select"
+              readonly=""
+              type="text"
+              value="TDesign"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <br />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\advance.tsx 1`] = `
+<div>
+  <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
+              class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none"
+              style="width: calc(100% - 170px); height: 30px; margin: 20px 0px;"
+            />
+            <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
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+            />
+          </div>
+          <div
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="width: 70%; margin: 0px 0px 16px 0px;"
+            />
+          </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 0px; 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
+              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
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                />
+              </div>
+              <div
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                  style="width: 70%;"
+                />
+              </div>
+            </div>
+          </li>
+          <li
+            style="padding: 16px 0px; 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
+              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
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                />
+              </div>
+              <div
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                  style="width: 70%;"
+                />
+              </div>
+            </div>
+          </li>
+          <li
+            style="padding: 16px 0px; 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
+              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
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                />
+              </div>
+              <div
+                class="t-skeleton__row"
+              >
+                <div
+                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+                  style="width: 70%;"
+                />
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\animation.tsx 1`] = `
+<div>
+  <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
+      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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\base.tsx 1`] = `
+<div>
+  <div>
+    <div>
+      <button
+        class="t-switch t-is-checked t-size-m"
+        role="switch"
+        style="margin-bottom: 20px;"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\delay.tsx 1`] = `
+<div>
+  <div>
+    <div>
+      <button
+        class="t-switch t-is-checked t-size-m"
+        role="switch"
+        style="margin-bottom: 20px;"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\theme.tsx 1`] = `
+<div>
+  <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
+      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
+      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
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+            />
+          </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
+      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
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 32px;"
+            />
+          </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
+            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
+      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
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none"
+              style="width: 100%; height: 200px;"
+            />
+          </div>
+          <div
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+          </div>
+          <div
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+          </div>
+          <div
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+          </div>
+          <div
+            class="t-skeleton__row"
+          >
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+            <div
+              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
+              style="height: 30px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+    style="margin-bottom: 50px;"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 10%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 10%; width: 70%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 80%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider t-is-disabled"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 10%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\input-number.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+    style="margin-bottom: 50px;"
+  >
+    <div
+      class="t-slider t-slider--with-input"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 10%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+    <div
+      class="t-slider__input-container"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--row t-slider-input"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="10"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="10"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider t-slider--with-input"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 10%; width: 70%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 80%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+    <div
+      class="t-slider__input-container"
+    >
+      <div
+        class="t-input-number t-size-m t-input-number--row t-slider-input"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="10"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="10"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+      <div
+        class="t-slider__center-line"
+      />
+      <div
+        class="t-input-number t-size-m t-input-number--row t-slider-input"
+      >
+        <button
+          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-remove t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="remove"
+            >
+              <path
+                d="M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="80"
+        >
+          <div
+            class="t-input t-align-center"
+          >
+            <input
+              autocomplete="off"
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="80"
+            />
+          </div>
+        </div>
+        <button
+          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+          type="button"
+        >
+          <svg
+            class="t-icon t-icon-add t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\input-number-vertical.tsx 1`] = `
+<div>
+  <div
+    style="display: flex; justify-content: center;"
+  >
+    <div
+      style="height: 300px; margin-right: 100px;"
+    >
+      <div
+        class="t-slider__container is-vertical"
+        style="margin-bottom: 50px;"
+      >
+        <div
+          class="t-slider t-slider--vertical t-slider--with-input"
+        >
+          <div
+            class="t-slider__rail"
+          >
+            <div
+              class="t-slider__track"
+              style="bottom: 0%; height: 10%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            />
+            <div
+              class="t-slider__mark"
+            />
+          </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
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="10"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="10"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+              class="t-slider__track"
+              style="bottom: 10%; height: 70%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 80%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            />
+            <div
+              class="t-slider__mark"
+            />
+          </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
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="10"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="10"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+          <div
+            class="t-slider__center-line"
+          />
+          <div
+            class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"
+          >
+            <button
+              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-remove t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="remove"
+                >
+                  <path
+                    d="M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+            <div
+              class="t-input__wrap"
+              spellcheck="false"
+              value="80"
+            >
+              <div
+                class="t-input t-align-center"
+              >
+                <input
+                  autocomplete="off"
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value="80"
+                />
+              </div>
+            </div>
+            <button
+              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-add t-size-m"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="add"
+                >
+                  <path
+                    d="M12 5L12 19M19 12L5 12"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\marks.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+    style="margin-bottom: 50px;"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 10%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        >
+          <div
+            class="t-slider__stop"
+            style="left: 12%;"
+          />
+          <div
+            class="t-slider__stop"
+            style="left: 37%;"
+          />
+          <div
+            class="t-slider__stop"
+            style="left: 60%;"
+          />
+        </div>
+        <div
+          class="t-slider__mark"
+        >
+          <div
+            class="t-slider__mark-text"
+            style="left: 0%;"
+          >
+            0°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 12%;"
+          >
+            12°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 37%;"
+          >
+            37°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 60%;"
+          >
+            <button
+              style="color: rgb(25, 137, 250);"
+            >
+              60°C
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 10%; width: 70%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 80%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        >
+          <div
+            class="t-slider__stop"
+            style="left: 8%;"
+          />
+          <div
+            class="t-slider__stop"
+            style="left: 37%;"
+          />
+          <div
+            class="t-slider__stop"
+            style="left: 50%;"
+          />
+          <div
+            class="t-slider__stop"
+            style="left: 70%;"
+          />
+        </div>
+        <div
+          class="t-slider__mark"
+        >
+          <div
+            class="t-slider__mark-text"
+            style="left: 0%;"
+          >
+            0°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 8%;"
+          >
+            8°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 37%;"
+          >
+            37°C
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 50%;"
+          >
+            <strong
+              style="color: rgb(25, 137, 250);"
+            >
+              50°C
+            </strong>
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 70%;"
+          >
+            70°C
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\min-and-max.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+    style="margin-bottom: 50px;"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 0%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 0%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        >
+          <div
+            class="t-slider__mark-text"
+            style="left: 0%;"
+          >
+            min:10
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 100%;"
+          >
+            max:30
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 50%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 0%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 50%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        >
+          <div
+            class="t-slider__mark-text"
+            style="left: 0%;"
+          >
+            min:10
+          </div>
+          <div
+            class="t-slider__mark-text"
+            style="left: 100%;"
+          >
+            max:30
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\step.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+    style="margin-bottom: 50px;"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 10%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 10%; width: 70%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 10%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 80%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\vertical.tsx 1`] = `
+<div>
+  <div
+    style="display: flex; justify-content: center;"
+  >
+    <div
+      style="height: 300px; margin-right: 100px;"
+    >
+      <div
+        class="t-slider__container is-vertical"
+        style="margin-bottom: 50px;"
+      >
+        <div
+          class="t-slider t-slider--vertical"
+        >
+          <div
+            class="t-slider__rail"
+          >
+            <div
+              class="t-slider__track"
+              style="bottom: 0%; height: 10%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            />
+            <div
+              class="t-slider__mark"
+            />
+          </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
+              class="t-slider__track"
+              style="bottom: 10%; height: 70%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 80%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            />
+            <div
+              class="t-slider__mark"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\vertical-marks.tsx 1`] = `
+<div>
+  <div
+    style="display: flex; justify-content: center;"
+  >
+    <div
+      style="height: 400px; margin-right: 100px;"
+    >
+      <div
+        class="t-slider__container is-vertical"
+        style="margin-bottom: 50px;"
+      >
+        <div
+          class="t-slider t-slider--vertical"
+        >
+          <div
+            class="t-slider__rail"
+          >
+            <div
+              class="t-slider__track"
+              style="bottom: 0%; height: 10%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            >
+              <div
+                class="t-slider__stop"
+                style="top: 88%;"
+              />
+              <div
+                class="t-slider__stop"
+                style="top: 63%;"
+              />
+              <div
+                class="t-slider__stop"
+                style="top: 40%;"
+              />
+            </div>
+            <div
+              class="t-slider__mark"
+            >
+              <div
+                class="t-slider__mark-text"
+                style="top: 100%;"
+              >
+                0°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 88%;"
+              >
+                12°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 63%;"
+              >
+                37°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 40%;"
+              >
+                <button
+                  style="color: rgb(25, 137, 250);"
+                >
+                  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
+              class="t-slider__track"
+              style="bottom: 10%; height: 70%;"
+            />
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 10%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__button-wrapper"
+              style="bottom: 80%;"
+            >
+              <div
+                class="t-slider__button"
+              />
+            </div>
+            <div
+              class="t-slider__stops"
+            >
+              <div
+                class="t-slider__stop"
+                style="top: 92%;"
+              />
+              <div
+                class="t-slider__stop"
+                style="top: 63%;"
+              />
+              <div
+                class="t-slider__stop"
+                style="top: 50%;"
+              />
+              <div
+                class="t-slider__stop"
+                style="top: 30.000000000000004%;"
+              />
+            </div>
+            <div
+              class="t-slider__mark"
+            >
+              <div
+                class="t-slider__mark-text"
+                style="top: 100%;"
+              >
+                0°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 92%;"
+              >
+                8°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 63%;"
+              >
+                37°C
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 50%;"
+              >
+                <strong
+                  style="color: rgb(25, 137, 250);"
+                >
+                  50°C
+                </strong>
+              </div>
+              <div
+                class="t-slider__mark-text"
+                style="top: 30.000000000000004%;"
+              >
+                70°C
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\align.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-start t-space-horizontal"
+        style="padding: 12px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            start
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Button
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="height: 60px; width: 60px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="padding: 12px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            center
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Button
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="height: 60px; width: 60px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-end t-space-horizontal"
+        style="padding: 12px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            end
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Button
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="height: 60px; width: 60px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-baseline t-space-horizontal"
+        style="padding: 12px; gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            baseline
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Button
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            style="height: 60px; width: 60px;"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\break-line.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\separator.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-align-center t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-text"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Text
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item-separator"
+    >
+      <div
+        class="t-divider t-divider--vertical"
+      />
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-text"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Text
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item-separator"
+    >
+      <div
+        class="t-divider t-divider--vertical"
+      />
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-text"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Text
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-slider__container"
+  >
+    <div
+      class="t-slider"
+    >
+      <div
+        class="t-slider__rail"
+      >
+        <div
+          class="t-slider__track"
+          style="left: 0%; width: 8%;"
+        />
+        <div
+          class="t-slider__button-wrapper"
+          style="left: 8%;"
+        >
+          <div
+            class="t-slider__button"
+          />
+        </div>
+        <div
+          class="t-slider__stops"
+        />
+        <div
+          class="t-slider__mark"
+        />
+      </div>
+    </div>
+  </div>
+  <br />
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 8px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          Button
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\space\\_example\\vertical.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-card t-card--bordered t-card--shadow-hover"
+      >
+        <div
+          class="t-card__header"
+        />
+        <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
+          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
+          class="t-card__body"
+        >
+          仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\animation.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Start
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              Update value
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 100px;"
+  >
+    <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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-statistic-content-value"
+          >
+            82.76
+          </span>
+          <span
+            class="t-statistic-content-unit"
+          >
+            USD
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\color.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+          <span
+            class="t-statistic-content-value"
+          >
+            82.76
+          </span>
+          <span
+            class="t-statistic-content-unit"
+          >
+            %
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\combination.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal t-space--break-line"
+    style="gap: 100px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <i
+            class="t-icon t-icon-chart"
+            style="font-size: 32px; border-radius: var(--td-radius-medium); padding: 12px;"
+          />
+        </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
+                  class="t-icon t-icon-arrow-triangle-up-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+                  class="t-icon t-icon-arrow-triangle-down-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
+                    fill="currentColor"
+                  />
+                </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
+            class="t-icon t-icon-internet"
+            style="font-size: 32px; border-radius: 50%; padding: 12px;"
+          />
+        </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
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <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
+              class="t-space-item"
+            >
+              <div
+                class="t-statistic"
+              >
+                <div
+                  class="t-statistic-title"
+                >
+                  Total number of voice DAUs
+                </div>
+                <div
+                  class="t-statistic-content"
+                >
+                  <span
+                    class="t-statistic-content-value"
+                  >
+                    188
+                  </span>
+                </div>
+                <div
+                  class="t-statistic-extra"
+                >
+                  <div
+                    class="t-space t-space-vertical"
+                    style="gap: 0px;"
+                  >
+                    <div
+                      class="t-space-item"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-horizontal"
+                        style="gap: 7px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <div
+                            style="width: 120px;"
+                          >
+                            the day before
+                          </div>
+                        </div>
+                        <div
+                          class="t-space-item"
+                        >
+                          <i
+                            class="t-icon t-icon-arrow-up"
+                            style="color: rgb(213, 73, 65);"
+                          />
+                        </div>
+                        <div
+                          class="t-space-item"
+                        >
+                          9%
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-space-item"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-horizontal"
+                        style="gap: 7px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <div
+                            style="width: 120px;"
+                          >
+                            last week
+                          </div>
+                        </div>
+                        <div
+                          class="t-space-item"
+                        >
+                          <i
+                            class="t-icon t-icon-arrow-down"
+                            style="color: rgb(43, 164, 113);"
+                          />
+                        </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
+              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
+                      class="t-icon t-icon-arrow-triangle-down-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
+                        fill="currentColor"
+                      />
+                    </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\loading.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </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[`csr snapshot test > csr test packages\\components\\statistic\\_example\\slot.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 32px;"
+  >
+    <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
+              class="t-icon t-icon-control-platform"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="control-platform"
+              >
+                <path
+                  d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+              class="t-icon t-icon-arrow-triangle-down-filled"
+              fill="none"
+              height="1em"
+              style="fill: none; color: rgb(238, 77, 56);"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\trend.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 100px;"
+  >
+    <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
+              class="t-icon t-icon-arrow-triangle-up-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-down-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
+                fill="currentColor"
+              />
+            </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
+              class="t-icon t-icon-arrow-triangle-down-filled"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
+                fill="currentColor"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\extra.tsx 1`] = `
+<div>
+  <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
+              class="t-icon t-icon-check"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="check"
+              >
+                <path
+                  d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+              class="t-button t-button--theme-default t-button--variant-text t-size-s"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                pre
+              </span>
+            </button>
+            <div
+              style="display: inline; margin-left: 4px;"
+            >
+              <button
+                class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+                type="button"
+              >
+                <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\icon.tsx 1`] = `
+<div>
+  <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"
+        >
+          <svg
+            class="t-icon t-icon-login"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="login"
+            >
+              <path
+                d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M15 3.5H20V20.5H15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </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"
+        >
+          <svg
+            class="t-icon t-icon-cart"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="cart"
+            >
+              <path
+                d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </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"
+        >
+          <svg
+            class="t-icon t-icon-wallet"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="wallet"
+            >
+              <path
+                d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </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"
+        >
+          <svg
+            class="t-icon t-icon-check-circle"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="check-circle"
+            >
+              <path
+                d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M16.5 9L10.5 15L7.5 12"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </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[`csr snapshot test > csr test packages\\components\\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"
+  >
+    <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
+          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
+          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
+          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
+          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[`csr snapshot test > csr test packages\\components\\steps\\_example\\sequence.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-check"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="check"
+                  >
+                    <path
+                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\vertical-no-sequence.tsx 1`] = `
+<div>
+  <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
+            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
+            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
+            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
+            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
+            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
+            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
+            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
+            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[`csr snapshot test > csr test packages\\components\\steps\\_example\\vertical-sequence.tsx 1`] = `
+<div>
+  <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
+                class="t-icon t-icon-check"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="check"
+                >
+                  <path
+                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-check"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="check"
+                >
+                  <path
+                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-check"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="check"
+                >
+                  <path
+                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-sticky-tool t-sticky-tool--square"
+        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
+      >
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-chat"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chat"
+            >
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            chat
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-add"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            add
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-qrcode"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="qrcode"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <g
+                id="stroke2"
+              >
+                <path
+                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            qrcode
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\compact.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-sticky-tool t-sticky-tool--square"
+        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
+      >
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
+        >
+          <svg
+            class="t-icon t-icon-chat"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chat"
+            >
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
+        >
+          <svg
+            class="t-icon t-icon-add"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
+        >
+          <svg
+            class="t-icon t-icon-qrcode"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="qrcode"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <g
+                id="stroke2"
+              >
+                <path
+                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-sticky-tool t-sticky-tool--square"
+        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
+      >
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-chat"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chat"
+            >
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            chat
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-add"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            add
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-qrcode"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="qrcode"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <g
+                id="stroke2"
+              >
+                <path
+                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            qrcode
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-sticky-tool t-sticky-tool--round"
+        style="position: relative; overflow: hidden; right: -220px; bottom: 0px;"
+      >
+        <div
+          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-chat"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chat"
+            >
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            chat
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-add"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            add
+          </div>
+        </div>
+        <div
+          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
+        >
+          <svg
+            class="t-icon t-icon-qrcode"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="qrcode"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M3 14H10V21H3V14Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M3 3H10V10H3V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M14 3H21V10H14V3Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+              <g
+                id="stroke2"
+              >
+                <path
+                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+          <div
+            class="t-sticky-item__label"
+          >
+            qrcode
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\base.tsx 1`] = `
+<div>
+  <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="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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+        <div
+          class="t-swiper__arrow t-swiper__arrow--default"
+        >
+          <div
+            class="t-swiper__arrow-left"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-swiper__arrow-right"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\card.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo-block--swiper"
+  >
+    <div
+      class="t-space t-space-vertical"
+      style="width: 800px; gap: 50px;"
+    >
+      <div
+        class="t-space-item"
+      >
+        <div
+          class="t-space t-space-vertical"
+          style="width: 100%; gap: 16px;"
+        >
+          <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-slider__container"
+            >
+              <div
+                class="t-slider"
+              >
+                <div
+                  class="t-slider__rail"
+                >
+                  <div
+                    class="t-slider__track"
+                    style="left: 0%; width: 63.25301204819277%;"
+                  />
+                  <div
+                    class="t-slider__button-wrapper"
+                    style="left: 63.25301204819277%;"
+                  >
+                    <div
+                      class="t-slider__button"
+                    />
+                  </div>
+                  <div
+                    class="t-slider__stops"
+                  >
+                    <div
+                      class="t-slider__stop"
+                      style="left: 63.25301204819277%;"
+                    />
+                  </div>
+                  <div
+                    class="t-slider__mark"
+                  >
+                    <div
+                      class="t-slider__mark-text"
+                      style="left: 63.25301204819277%;"
+                    >
+                      Default
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-space-item"
+      >
+        <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"
+                  data-index="0"
+                  style="transform: translateX(0.00px) scale(1); transition: transform 0.3s ease; z-index: 2;"
+                >
+                  <div
+                    class="demo-item"
+                  >
+                    1
+                  </div>
+                </div>
+                <div
+                  class="t-swiper__container__item t-swiper__card"
+                  data-index="1"
+                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 1;"
+                >
+                  <div
+                    class="demo-item"
+                  >
+                    2
+                  </div>
+                </div>
+                <div
+                  class="t-swiper__container__item t-swiper__card"
+                  data-index="2"
+                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
+                >
+                  <div
+                    class="demo-item"
+                  >
+                    3
+                  </div>
+                </div>
+                <div
+                  class="t-swiper__container__item t-swiper__card"
+                  data-index="3"
+                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
+                >
+                  <div
+                    class="demo-item"
+                  >
+                    4
+                  </div>
+                </div>
+                <div
+                  class="t-swiper__container__item t-swiper__card"
+                  data-index="4"
+                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
+                >
+                  <div
+                    class="demo-item"
+                  >
+                    5
+                  </div>
+                </div>
+                <div
+                  class="t-swiper__container__item t-swiper__card"
+                  data-index="5"
+                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 1;"
+                >
+                  <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 />
+              </li>
+              <li
+                class="t-swiper__navigation-item"
+              >
+                <span />
+              </li>
+              <li
+                class="t-swiper__navigation-item"
+              >
+                <span />
+              </li>
+              <li
+                class="t-swiper__navigation-item"
+              >
+                <span />
+              </li>
+              <li
+                class="t-swiper__navigation-item"
+              >
+                <span />
+              </li>
+              <li
+                class="t-swiper__navigation-item"
+              >
+                <span />
+              </li>
+            </ul>
+            <div
+              class="t-swiper__arrow t-swiper__arrow--default"
+            >
+              <div
+                class="t-swiper__arrow-left"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-swiper__arrow-right"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\current.tsx 1`] = `
+<div>
+  <div
+    class="t-space tdesign-demo-block--swiper t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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="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 />
+            </li>
+            <li
+              class="t-swiper__navigation-item"
+            >
+              <span />
+            </li>
+            <li
+              class="t-swiper__navigation-item"
+            >
+              <span />
+            </li>
+            <li
+              class="t-swiper__navigation-item"
+            >
+              <span />
+            </li>
+            <li
+              class="t-swiper__navigation-item"
+            >
+              <span />
+            </li>
+            <li
+              class="t-swiper__navigation-item"
+            >
+              <span />
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base t-size-s"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          跳转到第 
+          2
+           项
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\fade.tsx 1`] = `
+<div>
+  <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"
+              data-index="-1"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                6
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-is-active t-swiper__fade"
+              data-index="0"
+              style="opacity: 1;"
+            >
+              <div
+                class="demo-item"
+              >
+                1
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="1"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                2
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="2"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                3
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="3"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                4
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="4"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                5
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="5"
+              style="opacity: 0;"
+            >
+              <div
+                class="demo-item"
+              >
+                6
+              </div>
+            </div>
+            <div
+              class="t-swiper__container__item t-swiper__fade"
+              data-index="6"
+              style="opacity: 0;"
+            >
+              <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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+        <div
+          class="t-swiper__arrow t-swiper__arrow--default"
+        >
+          <div
+            class="t-swiper__arrow-left"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-swiper__arrow-right"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\fraction.tsx 1`] = `
+<div>
+  <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="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
+                class="t-icon t-icon-chevron-left"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-left"
+                >
+                  <path
+                    d="M14.5 17.5L9 12L14.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-swiper__navigation-text-fraction"
+            >
+              1
+              /
+              6
+            </div>
+            <div
+              class="t-swiper__arrow-right"
+            >
+              <svg
+                class="t-icon t-icon-chevron-right"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-right"
+                >
+                  <path
+                    d="M9.5 17.5L15 12L9.5 6.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\placement.tsx 1`] = `
+<div>
+  <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="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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+        <div
+          class="t-swiper__arrow t-swiper__arrow--default"
+        >
+          <div
+            class="t-swiper__arrow-left"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-swiper__arrow-right"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\size.tsx 1`] = `
+<div>
+  <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="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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+        <div
+          class="t-swiper__arrow t-swiper__arrow--default"
+        >
+          <div
+            class="t-swiper__arrow-left"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-swiper__arrow-right"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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="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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+        <div
+          class="t-swiper__arrow t-swiper__arrow--default"
+        >
+          <div
+            class="t-swiper__arrow-left"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-swiper__arrow-right"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\vertical.tsx 1`] = `
+<div>
+  <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; 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 />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+          <li
+            class="t-swiper__navigation-item"
+          >
+            <span />
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\beforeChange.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\describe.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        >
+          ON
+        </div>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        >
+          <svg
+            class="t-icon t-icon-check"
+          >
+            <use
+              xlink:href="#t-icon-check"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-size-m"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-size-s"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-size-l"
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-checked t-is-loading t-size-l"
+        disabled=""
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        >
+          <div
+            class="t-loading t-loading--center t-size-s"
+          >
+            <svg
+              class="t-loading__gradient t-icon-loading"
+              height="1em"
+              version="1.1"
+              viewBox="0 0 12 12"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <foreignobject
+                height="12"
+                width="12"
+                x="0"
+                y="0"
+              >
+                <div
+                  class="t-loading__gradient-conic"
+                />
+              </foreignobject>
+            </svg>
+          </div>
+        </span>
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-switch t-is-disabled t-size-l"
+        disabled=""
+        role="switch"
+        type="button"
+      >
+        <span
+          class="t-switch__handle"
+        />
+        <div
+          class="t-switch__content"
+        />
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\affix.tsx 1`] = `
+<div>
+  <div
+    class="t-space tdesign-demo__table-affix t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <label
+          class="t-checkbox t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            表头吸顶
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-checked"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            表尾吸底
+          </span>
+        </label>
+        <label
+          class="t-checkbox"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            滚动条吸底
+          </span>
+        </label>
+        <label
+          class="t-checkbox"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            分页器吸底
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-checked"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            固定左侧列
+          </span>
+        </label>
+        <label
+          class="t-checkbox t-is-checked"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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-fixed t-table--column-resizable"
+        style="position: relative;"
+      >
+        <div>
+          <div>
+            <div
+              class="t-table__affixed-header-elm-wrap"
+              style="width: -1px; height: 0px; opacity: 1;"
+            >
+              <div
+                class="scrollbar t-table__affixed-header-elm"
+                style="width: -2px; opacity: 1;"
+              >
+                <table
+                  class="t-table--layout-fixed"
+                >
+                  <colgroup>
+                    <col
+                      style="width: 120px;"
+                    />
+                    <col
+                      style="width: 150px;"
+                    />
+                    <col
+                      style="width: 120px;"
+                    />
+                    <col
+                      style="min-width: 80px;"
+                    />
+                    <col
+                      style="min-width: 80px;"
+                    />
+                    <col
+                      style="min-width: 80px;"
+                    />
+                    <col
+                      style="width: 120px;"
+                    />
+                  </colgroup>
+                  <thead
+                    class="t-table__header"
+                  >
+                    <tr>
+                      <th
+                        class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
+                        data-colkey="applicant"
+                        style="left: 0px;"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          申请人
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__th-status t-table__th--drag-sort"
+                        data-colkey="status"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          申请状态
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__th-channel t-table__th--drag-sort"
+                        data-colkey="channel"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          签署方式
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__th-detail.email t-table__th--drag-sort"
+                        data-colkey="detail.email"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          <div
+                            class="t-table__ellipsis t-text-ellipsis"
+                          >
+                            邮箱地址
+                          </div>
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__th-matters t-table__th--drag-sort"
+                        data-colkey="matters"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          <div
+                            class="t-table__ellipsis t-text-ellipsis"
+                          >
+                            申请事项
+                          </div>
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__th-createTime t-table__th--drag-sort"
+                        data-colkey="createTime"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          申请时间
+                        </div>
+                      </th>
+                      <th
+                        class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation t-table__th--drag-sort"
+                        data-colkey="operation"
+                        style="right: 0px;"
+                      >
+                        <div
+                          class="t-table__th-cell-inner"
+                        >
+                          操作
+                        </div>
+                      </th>
+                    </tr>
+                  </thead>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-table__content"
+        >
+          <table
+            class="t-table--layout-fixed"
+          >
+            <colgroup>
+              <col
+                style="width: 120px;"
+              />
+              <col
+                style="width: 150px;"
+              />
+              <col
+                style="width: 120px;"
+              />
+              <col
+                style="min-width: 80px;"
+              />
+              <col
+                style="min-width: 80px;"
+              />
+              <col
+                style="min-width: 80px;"
+              />
+              <col
+                style="width: 120px;"
+              />
+            </colgroup>
+            <thead
+              class="t-table__header"
+            >
+              <tr>
+                <th
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
+                  data-colkey="applicant"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status t-table__th--drag-sort"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel t-table__th--drag-sort"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email t-table__th--drag-sort"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters t-table__th--drag-sort"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      申请事项
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime t-table__th--drag-sort"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+                <th
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation t-table__th--drag-sort"
+                  data-colkey="operation"
+                  style="right: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    操作
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr
+                class="t-tdesign__custom-body-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </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>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr
+                class="t-tdesign__custom-body-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </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>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr
+                class="t-tdesign__custom-body-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </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>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr
+                class="t-tdesign__custom-body-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </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>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr
+                class="t-tdesign__custom-body-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </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>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+            </tbody>
+            <tfoot
+              class="t-table__footer"
+              style="visibility: visible;"
+            >
+              <tr
+                class="t-tdesign__custom-footer-tr"
+              >
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <b
+                    style="font-weight: bold;"
+                  >
+                    表尾信息
+                  </b>
+                </td>
+                <td />
+                <td>
+                  footer-row-1
+                </td>
+                <td />
+                <td />
+                <td>
+                  -
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  -
+                </td>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
+        <div
+          class="t-table__affixed-footer-wrap"
+          style="margin-top: -1px;"
+        >
+          <div>
+            <div
+              class="scrollbar t-table__affixed-footer-elm"
+              style="width: -2px; opacity: 1;"
+            >
+              <table
+                class="t-table--layout-fixed"
+              >
+                <colgroup>
+                  <col
+                    style="width: 120px;"
+                  />
+                  <col
+                    style="width: 150px;"
+                  />
+                  <col
+                    style="width: 120px;"
+                  />
+                  <col
+                    style="min-width: 80px;"
+                  />
+                  <col
+                    style="min-width: 80px;"
+                  />
+                  <col
+                    style="min-width: 80px;"
+                  />
+                  <col
+                    style="width: 120px;"
+                  />
+                </colgroup>
+                <tfoot
+                  class="t-table__footer"
+                  style="visibility: visible;"
+                >
+                  <tr
+                    class="t-tdesign__custom-footer-tr"
+                  >
+                    <td
+                      class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                      style="left: 0px;"
+                    >
+                      <b
+                        style="font-weight: bold;"
+                      >
+                        表尾信息
+                      </b>
+                    </td>
+                    <td />
+                    <td>
+                      footer-row-1
+                    </td>
+                    <td />
+                    <td />
+                    <td>
+                      -
+                    </td>
+                    <td
+                      class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                      style="right: 0px;"
+                    >
+                      -
+                    </td>
+                  </tr>
+                </tfoot>
+              </table>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-table__pagination-wrap"
+          style="opacity: 1;"
+        >
+          <div
+            class="t-table__pagination"
+          >
+            <div
+              class="t-pagination"
+            >
+              <div
+                class="t-pagination__total"
+              >
+                共 38 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-table__resize-line"
+          style="display: none; left: 10px; height: 10px; bottom: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\async-loading.tsx 1`] = `
+<div>
+  <div>
+    <div
+      class="t-radio-group t-size-m t-radio-group__outline"
+    >
+      <label
+        class="t-radio-button"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="'load-more'"
+          tabindex="-1"
+          type="radio"
+          value="load-more"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          加载更多
+        </span>
+      </label>
+      <label
+        class="t-radio-button t-is-checked"
+        tabindex="0"
+      >
+        <input
+          checked=""
+          class="t-radio-button__former"
+          data-value="'loading'"
+          tabindex="-1"
+          type="radio"
+          value="loading"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          加载中
+        </span>
+      </label>
+      <label
+        class="t-radio-button"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="'loading-custom'"
+          tabindex="-1"
+          type="radio"
+          value="loading-custom"
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <span
+          class="t-radio-button__label"
+        >
+          自定义加载更多
+        </span>
+      </label>
+      <label
+        class="t-radio-button"
+        tabindex="0"
+      >
+        <input
+          class="t-radio-button__former"
+          data-value="''"
+          tabindex="-1"
+          type="radio"
+          value=""
+        />
+        <span
+          class="t-radio-button__input"
+        />
+        <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
+                class="t-table__th-applicant"
+                data-colkey="applicant"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请人
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-channel"
+                data-colkey="channel"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  签署方式
+                </div>
+              </th>
+              <th
+                class="t-table__th-detail.email"
+                data-colkey="detail.email"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    邮箱地址
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-createTime"
+                data-colkey="createTime"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请时间
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          >
+            <tr>
+              <td>
+                贾明
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批通过"
+                  >
+                    审批通过
+                  </span>
+                </div>
+              </td>
+              <td>
+                电子签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  w.cezkdudy@lhll.au
+                </div>
+              </td>
+              <td>
+                2022-01-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                张三
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  r.nmgw@peurezgn.sl
+                </div>
+              </td>
+              <td>
+                2022-02-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                王芳
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-error-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批过期"
+                  >
+                    审批过期
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  p.cumx@rampblpa.ru
+                </div>
+              </td>
+              <td>
+                2022-03-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                贾明
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批通过"
+                  >
+                    审批通过
+                  </span>
+                </div>
+              </td>
+              <td>
+                电子签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  w.cezkdudy@lhll.au
+                </div>
+              </td>
+              <td>
+                2022-04-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                张三
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  r.nmgw@peurezgn.sl
+                </div>
+              </td>
+              <td>
+                2022-01-01
+              </td>
+            </tr>
+            <tr
+              class="t-table__row--full t-table__last-full-row"
+            >
+              <td
+                colspan="5"
+              >
+                <div>
+                  <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"
+                          height="1em"
+                          version="1.1"
+                          viewBox="0 0 12 12"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <foreignobject
+                            height="12"
+                            width="12"
+                            x="0"
+                            y="0"
+                          >
+                            <div
+                              class="t-loading__gradient-conic"
+                            />
+                          </foreignobject>
+                        </svg>
+                        <div
+                          class="t-loading__text"
+                        >
+                          正在加载中，请稍后
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'small'"
+            tabindex="-1"
+            type="radio"
+            value="small"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            小尺寸
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'medium'"
+            tabindex="-1"
+            type="radio"
+            value="medium"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            中尺寸
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'large'"
+            tabindex="-1"
+            type="radio"
+            value="large"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            大尺寸
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="false"
+              tabindex="-1"
+              type="checkbox"
+              value="0"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示斑马纹
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="false"
+              tabindex="-1"
+              type="checkbox"
+              value="0"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示表格边框
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="false"
+              tabindex="-1"
+              type="checkbox"
+              value="0"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示悬浮效果
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="false"
+              tabindex="-1"
+              type="checkbox"
+              value="0"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              宽度自适应
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="true"
+              tabindex="-1"
+              type="checkbox"
+              value="1"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr
+                class="0-class"
+              >
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr
+                class="1-class"
+              >
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr
+                class="2-class"
+              >
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr
+                class="3-class"
+              >
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr
+                class="4-class"
+              >
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-02-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"
+              >
+                共 28 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-pagination__jump"
+              >
+                跳至
+                <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"
+                      spellcheck="false"
+                      value="2"
+                    >
+                      <div
+                        class="t-input t-align-left"
+                      >
+                        <input
+                          autocomplete="off"
+                          class="t-input__inner"
+                          placeholder=""
+                          type="text"
+                          value="2"
+                        />
+                      </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: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-cell.tsx 1`] = `
+<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: 120px;"
+          />
+          <col
+            style="min-width: 80px;"
+          />
+          <col
+            style="min-width: 80px;"
+          />
+          <col
+            style="min-width: 80px;"
+          />
+        </colgroup>
+        <thead
+          class="t-table__header"
+        >
+          <tr>
+            <th
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <span
+                  style="display: flex; align-items: center;"
+                >
+                  <svg
+                    class="t-icon t-icon-user"
+                    fill="none"
+                    height="1em"
+                    style="fill: none; margin-right: 5px;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="user"
+                    >
+                      <g
+                        id="fill1"
+                      >
+                        <path
+                          d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                          fill="transparent"
+                        />
+                        <path
+                          d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                          fill="transparent"
+                        />
+                      </g>
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                  申请人
+                </span>
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                审批状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-matters"
+              data-colkey="matters"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请事项
+              </div>
+            </th>
+            <th
+              class="t-table__th-email"
+              data-colkey="email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                邮箱地址
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              <div>
+                宣传物料制作费用
+              </div>
+            </td>
+            <td>
+              <div>
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              <div>
+                algolia 服务报销
+              </div>
+            </td>
+            <td>
+              <div>
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              <div>
+                相关周边制作费
+              </div>
+            </td>
+            <td>
+              <div>
+                p.cumx@rampblpa.ru
+              </div>
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              <div>
+                激励奖品快递费
+              </div>
+            </td>
+            <td>
+              <div>
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              <div>
+                宣传物料制作费用
+              </div>
+            </td>
+            <td>
+              <div>
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-col.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="max-width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  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"
+              >
+                共 100 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-icon t-icon-ellipsis"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="ellipsis"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M4 11.5H5V12.5H4V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M19 11.5H20V12.5H19V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  20
+                </li>
+              </ul>
+              <div
+                class="t-pagination__btn t-pagination__btn-next"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-table__resize-line"
+          style="display: none; left: 10px; height: 10px; bottom: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-col-button.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'top-left'"
+            tabindex="-1"
+            type="radio"
+            value="top-left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左上角
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'top-right'"
+            tabindex="-1"
+            type="radio"
+            value="top-right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右上角
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bottom-left'"
+            tabindex="-1"
+            type="radio"
+            value="bottom-left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左下角
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bottom-right'"
+            tabindex="-1"
+            type="radio"
+            value="bottom-right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右下角
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              是否显示边框
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-setting"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="setting"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
+                    fill="transparent"
+                    fill-rule="evenodd"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span
+                class="t-button__text"
+              >
+                列配置
+              </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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  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"
+              >
+                共 100 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-icon t-icon-ellipsis"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="ellipsis"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M4 11.5H5V12.5H4V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M19 11.5H20V12.5H19V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  20
+                </li>
+              </ul>
+              <div
+                class="t-pagination__btn t-pagination__btn-next"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-footer.tsx 1`] = `
+<div>
+  <div
+    class="tdesign-demo-block-column-large tdesign-demo__table"
+  >
+    <div>
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'normal'"
+            tabindex="-1"
+            type="radio"
+            value="normal"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            普通表尾
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'full'"
+            tabindex="-1"
+            type="radio"
+            value="full"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            通栏表尾
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'custom'"
+            tabindex="-1"
+            type="radio"
+            value="custom"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            自定义表尾合并列
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+                class="t-table__th-applicant"
+                data-colkey="applicant"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请人
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  审批状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-channel"
+                data-colkey="channel"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  签署方式
+                </div>
+              </th>
+              <th
+                class="t-table__th-detail.email"
+                data-colkey="detail.email"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    邮箱地址
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-createTime"
+                data-colkey="createTime"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请时间
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          >
+            <tr>
+              <td>
+                贾明
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批通过"
+                  >
+                    审批通过
+                  </span>
+                </div>
+              </td>
+              <td>
+                电子签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  w.cezkdudy@lhll.au
+                </div>
+              </td>
+              <td>
+                2022-01-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                张三
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  r.nmgw@peurezgn.sl
+                </div>
+              </td>
+              <td>
+                2022-02-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                王芳
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-error-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批过期"
+                  >
+                    审批过期
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </td>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  p.cumx@rampblpa.ru
+                </div>
+              </td>
+              <td>
+                2022-03-01
+              </td>
+            </tr>
+          </tbody>
+          <tfoot
+            class="t-table__footer"
+            style="visibility: visible;"
+          >
+            <tr>
+              <td>
+                <b
+                  style="font-weight: bold;"
+                >
+                  表尾信息
+                </b>
+              </td>
+              <td>
+                <div
+                  style="width: 100%;"
+                >
+                  表尾信息 
+                </div>
+              </td>
+              <td>
+                表尾信息
+              </td>
+              <td>
+                <div>
+                  表尾信息
+                </div>
+              </td>
+              <td>
+                <div
+                  style="text-align: left;"
+                >
+                  表尾信息
+                </div>
+              </td>
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-header.tsx 1`] = `
+<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="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
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-matters"
+              data-colkey="matters"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <b
+                  style="font-weight: bold;"
+                >
+                  申请事项
+                </b>
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                审批状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                邮箱地址
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td>
+              贾明
+            </td>
+            <td>
+              宣传物料制作费用
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              w.cezkdudy@lhll.au
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              张三
+            </td>
+            <td>
+              algolia 服务报销
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              r.nmgw@peurezgn.sl
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              王芳
+            </td>
+            <td>
+              相关周边制作费
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              p.cumx@rampblpa.ru
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              贾明
+            </td>
+            <td>
+              激励奖品快递费
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              w.cezkdudy@lhll.au
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              张三
+            </td>
+            <td>
+              宣传物料制作费用
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              r.nmgw@peurezgn.sl
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\data-sort.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        style="margin-bottom: 16px;"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          data-value="false"
+          tabindex="-1"
+          type="checkbox"
+          value="0"
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-time t-align-center"
+                  data-colkey="time"
+                >
+                  <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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-col-sort.tsx 1`] = `
+<div>
+  <div
+    class="t-table t-table--col-draggable t-table--column-fixed"
+    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
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
+              data-colkey="applicant"
+              style="left: 0px;"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status t-table__th--drag-sort"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-channel t-table__th--drag-sort"
+              data-colkey="channel"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                签署方式
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email t-table__th--drag-sort"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  邮箱地址
+                </div>
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime t-table__th--drag-sort"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+              style="left: 0px;"
+            >
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+              style="left: 0px;"
+            >
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+              style="left: 0px;"
+            >
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                p.cumx@rampblpa.ru
+              </div>
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+              style="left: 0px;"
+            >
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+              style="left: 0px;"
+            >
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-sort.tsx 1`] = `
+<div>
+  <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
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-channel"
+              data-colkey="channel"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                签署方式
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  邮箱地址
+                </div>
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr
+            data-id="1"
+          >
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr
+            data-id="2"
+          >
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr
+            data-id="3"
+          >
+            <td>
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                p.cumx@rampblpa.ru
+              </div>
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr
+            data-id="4"
+          >
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr
+            data-id="5"
+          >
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-sort-handler.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          data-value="false"
+          tabindex="-1"
+          type="checkbox"
+          value="0"
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <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
+                  class="t-table__th-drag"
+                  data-colkey="drag"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    排序
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr
+                data-id="1"
+              >
+                <td
+                  class="t-table__handle-draggable"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-move"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="move"
+                      >
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr
+                data-id="2"
+              >
+                <td
+                  class="t-table__handle-draggable"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-move"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="move"
+                      >
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr
+                data-id="3"
+              >
+                <td
+                  class="t-table__handle-draggable"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-move"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="move"
+                      >
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr
+                data-id="4"
+              >
+                <td
+                  class="t-table__handle-draggable"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-move"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="move"
+                      >
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr
+                data-id="5"
+              >
+                <td
+                  class="t-table__handle-draggable"
+                >
+                  <span>
+                    <svg
+                      class="t-icon t-icon-move"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="move"
+                      >
+                        <g
+                          id="stroke1"
+                        >
+                          <path
+                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <div
+          class="t-portal-wrapper"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\editable-cell.tsx 1`] = `
+<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="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
+              class="t-table__th-firstName"
+              data-colkey="firstName"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-letters"
+              data-colkey="letters"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请事项
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                创建日期
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                贾明
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                审批通过
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell-wrap"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-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"
+                      spellcheck="false"
+                      value=""
+                    >
+                      <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
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="close"
+                              >
+                                <path
+                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </div>
+                        </div>
+                        <input
+                          class="t-input__inner t-input--soft-hidden"
+                          placeholder=""
+                          readonly=""
+                          type="text"
+                          value=""
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                2022-01-01
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                张三
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                审批过期
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell-wrap"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-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"
+                      spellcheck="false"
+                      value=""
+                    >
+                      <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
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="close"
+                              >
+                                <path
+                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </div>
+                        </div>
+                        <input
+                          class="t-input__inner t-input--soft-hidden"
+                          placeholder=""
+                          readonly=""
+                          type="text"
+                          value=""
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                2022-02-01
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              王芳
+            </td>
+            <td>
+              审批失败
+            </td>
+            <td>
+              宣传物料制作费用
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                贾明
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                审批通过
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell-wrap"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-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"
+                      spellcheck="false"
+                      value=""
+                    >
+                      <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
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="close"
+                              >
+                                <path
+                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </div>
+                          <div
+                            class="t-tag t-tag--default t-tag--dark"
+                          >
+                            <span>
+                              +
+                              1
+                            </span>
+                          </div>
+                        </div>
+                        <input
+                          class="t-input__inner t-input--soft-hidden"
+                          placeholder=""
+                          readonly=""
+                          type="text"
+                          value=""
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                2022-04-01
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                张三
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                审批过期
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell-wrap"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-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"
+                      spellcheck="false"
+                      value=""
+                    >
+                      <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
+                              class="t-icon t-icon-close t-tag__icon-close"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="close"
+                              >
+                                <path
+                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-linecap="square"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </div>
+                        </div>
+                        <input
+                          class="t-input__inner t-input--soft-hidden"
+                          placeholder=""
+                          readonly=""
+                          type="text"
+                          value=""
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        />
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td>
+              <div
+                class="t-table__cell--editable"
+              >
+                2022-01-01
+                <svg
+                  class="t-icon t-icon-edit-1"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="edit-1"
+                  >
+                    <path
+                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
+                      fill="transparent"
+                      id="fill2"
+                    />
+                    <path
+                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\editable-row.tsx 1`] = `
+<div>
+  <div
+    class="t-table-demo__editable-row"
+  >
+    <div>
+      <div
+        class="t-radio-group t-size-m t-radio-group__outline"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="true"
+            tabindex="-1"
+            type="radio"
+            value="1"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            全量校验
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="false"
+            tabindex="-1"
+            type="radio"
+            value="0"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <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
+                class="t-table__th-firstName"
+                data-colkey="firstName"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请人
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-letters"
+                data-colkey="letters"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请事项
+                </div>
+              </th>
+              <th
+                class="t-demo-col__datepicker t-table__th-createTime"
+                data-colkey="createTime"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  创建日期
+                </div>
+              </th>
+              <th
+                class="t-table__th-operate"
+                data-colkey="operate"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  操作栏
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          >
+            <tr>
+              <td>
+                <div
+                  class="t-table__cell-wrap"
+                >
+                  <div
+                    class="t-input__wrap t-input--auto-width"
+                    spellcheck="false"
+                    value="贾明"
+                  >
+                    <div
+                      class="t-input t-align-left"
+                    >
+                      <input
+                        class="t-input__inner"
+                        placeholder="请输入"
+                        type="text"
+                        value="贾明"
+                      />
+                      <span
+                        class="t-input__input-pre"
+                      >
+                        贾明
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell-wrap"
+                >
+                  <div
+                    class="t-select__wrap"
+                  >
+                    <div
+                      class="t-select t-select-input"
+                    >
+                      <div
+                        class="t-input__wrap t-input--auto-width"
+                        spellcheck="false"
+                        value="审批通过"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择"
+                            readonly=""
+                            type="text"
+                            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"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell-wrap"
+                >
+                  <div
+                    class="t-select__wrap"
+                  >
+                    <div
+                      class="t-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 t-input--auto-width"
+                        spellcheck="false"
+                        value=""
+                      >
+                        <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
+                                class="t-icon t-icon-close t-tag__icon-close"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="close"
+                                >
+                                  <path
+                                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                          <input
+                            class="t-input__inner t-input--soft-hidden"
+                            placeholder=""
+                            readonly=""
+                            type="text"
+                            value=""
+                          />
+                          <span
+                            class="t-input__input-pre"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-fake-arrow t-select__right-icon"
+                              fill="none"
+                              height="16"
+                              viewBox="0 0 16 16"
+                              width="16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                                stroke="black"
+                                stroke-opacity="0.9"
+                                stroke-width="1.3"
+                              />
+                            </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"
+                    >
+                      <div
+                        class="t-input__wrap"
+                        spellcheck="false"
+                        value="2022-01-01"
+                      >
+                        <div
+                          class="t-input t-align-left t-input--suffix"
+                        >
+                          <input
+                            class="t-input__inner"
+                            placeholder="请选择日期"
+                            readonly=""
+                            type="text"
+                            value="2022-01-01"
+                          />
+                          <span
+                            class="t-input__suffix t-input__suffix-icon"
+                          >
+                            <svg
+                              class="t-icon t-icon-calendar"
+                              fill="none"
+                              height="1em"
+                              style="fill: none;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="calendar"
+                              >
+                                <path
+                                  d="M21 10H3V21H21V10Z"
+                                  fill="transparent"
+                                  id="fill1"
+                                />
+                                <path
+                                  d="M21 10H3V5H21V10Z"
+                                  fill="transparent"
+                                  id="fill2"
+                                />
+                                <path
+                                  d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div
+                  class="table-operations"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="1"
+                  >
+                    保存
+                  </a>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="1"
+                  >
+                    取消
+                  </a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  张三
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  审批过期
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  相关周边制作费、激励奖品快递费
+                </div>
+              </td>
+              <td
+                class="t-demo-col__datepicker"
+              >
+                <div
+                  class="t-table__cell--editable"
+                >
+                  2022-02-01
+                </div>
+              </td>
+              <td>
+                <div
+                  class="table-operations"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="2"
+                  >
+                    编辑
+                  </a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  王芳
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  审批失败
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  相关周边制作费
+                </div>
+              </td>
+              <td
+                class="t-demo-col__datepicker"
+              >
+                <div
+                  class="t-table__cell--editable"
+                >
+                  2022-03-01
+                </div>
+              </td>
+              <td>
+                <div
+                  class="table-operations"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="3"
+                  >
+                    编辑
+                  </a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  贾明
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  审批通过
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  激励奖品快递费、相关周边制作费
+                </div>
+              </td>
+              <td
+                class="t-demo-col__datepicker"
+              >
+                <div
+                  class="t-table__cell--editable"
+                >
+                  2022-04-01
+                </div>
+              </td>
+              <td>
+                <div
+                  class="table-operations"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="4"
+                  >
+                    编辑
+                  </a>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  张三
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  审批过期
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-table__cell--editable"
+                >
+                  激励奖品快递费
+                </div>
+              </td>
+              <td
+                class="t-demo-col__datepicker"
+              >
+                <div
+                  class="t-table__cell--editable"
+                >
+                  2022-01-01
+                </div>
+              </td>
+              <td>
+                <div
+                  class="table-operations"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                    data-id="5"
+                  >
+                    编辑
+                  </a>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\ellipsis.tsx 1`] = `
+<div>
+  <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
+                class="t-table__th-applicant"
+                data-colkey="applicant"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    申请人
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  审批状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-channel"
+                data-colkey="channel"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    签署方式（超长标题示例）
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-ellipsisProps"
+                data-colkey="ellipsisProps"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    邮箱地址
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-ellipsisContent"
+                data-colkey="ellipsisContent"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    申请事项
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-propsAndContent1"
+                data-colkey="propsAndContent1"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    审核时间
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-link"
+                data-colkey="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>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  贾明（kyrieJia）
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批通过"
+                  >
+                    审批通过
+                  </span>
+                </div>
+              </td>
+              <td>
+                电子签署
+              </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>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  张三（threeZhang)
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </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>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  王芳（fangWang)
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-error-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批过期"
+                  >
+                    审批过期
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </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>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  贾明（kyrieJia）
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批通过"
+                  >
+                    审批通过
+                  </span>
+                </div>
+              </td>
+              <td>
+                电子签署
+              </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>
+              <td
+                class="t-table-td--ellipsis"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  张三（threeZhang)
+                </div>
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td>
+                纸质签署
+              </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\empty.tsx 1`] = `
+<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
+              class="t-table__th-project"
+              data-colkey="project"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                项目名称
+              </div>
+            </th>
+            <th
+              class="t-table__th-member"
+              data-colkey="member"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                管理员
+              </div>
+            </th>
+            <th
+              class="t-table__th-company"
+              data-colkey="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"
+              >
+                暂无数据
+              </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
+              class="t-table__th-project"
+              data-colkey="project"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                项目名称
+              </div>
+            </th>
+            <th
+              class="t-table__th-member"
+              data-colkey="member"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                管理员
+              </div>
+            </th>
+            <th
+              class="t-table__th-company"
+              data-colkey="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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\expandable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'true'"
+              tabindex="-1"
+              type="radio"
+              value="true"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+               显示展开图标 
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'false'"
+              tabindex="-1"
+              type="radio"
+              value="false"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+               隐藏展开图标 
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'custom'"
+              tabindex="-1"
+              type="radio"
+              value="custom"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+               自由控制展开图标 
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <label
+          class="t-checkbox t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            允许点击行之后展开/收起
+          </span>
+        </label>
+        <label
+          class="t-checkbox"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            固定列
+          </span>
+        </label>
+        <label
+          class="t-checkbox"
+          style="margin-left: 32px;"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <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
+                  class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"
+                  data-colkey="__EXPAND_ROW_ICON_COLUMN__"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  />
+                </th>
+                <th
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-operation"
+                  data-colkey="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"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <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"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <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"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <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"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <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"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <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: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\filter-controlled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              清空已筛选
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <span>
+            已选筛选条件：
+            {"lastName":[]}
+          </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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-email"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                          <div
+                            class="t-table__filter-icon"
+                          >
+                            <div>
+                              <svg
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </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>
+                    <div
+                      class="t-table__row-full-element"
+                    >
+                      <div
+                        class="t-table__row-filter-inner"
+                      >
+                        <div
+                          class="t-table__filter-result"
+                        >
+                          <span>
+                            搜索“”，找到 5 条结果
+                          </span>
+                          <button
+                            class="t-button t-button--theme-primary t-button--variant-text"
+                            type="button"
+                          >
+                            <span
+                              class="t-button__text"
+                            >
+                              清空筛选
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  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"
+              >
+                共 0 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-pagination__jump"
+              >
+                跳至
+                <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"
+                      spellcheck="false"
+                      value="1"
+                    >
+                      <div
+                        class="t-input t-align-left"
+                      >
+                        <input
+                          autocomplete="off"
+                          class="t-input__inner"
+                          placeholder=""
+                          type="text"
+                          value="1"
+                        />
+                      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-column.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="1"
+            tabindex="-1"
+            type="radio"
+            value="1"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左侧固定一列
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="2"
+            tabindex="-1"
+            type="radio"
+            value="2"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            左侧固定两列
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="1"
+            tabindex="-1"
+            type="radio"
+            value="1"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右侧固定一列
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="2"
+            tabindex="-1"
+            type="radio"
+            value="2"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            右侧固定两列
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <div
+          class="t-radio-group t-size-m t-radio-group--filled"
+        >
+          <label
+            class="t-radio-button t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-radio-button__former"
+              data-value="'fixed'"
+              tabindex="-1"
+              type="radio"
+              value="fixed"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              table-layout: fixed
+            </span>
+          </label>
+          <label
+            class="t-radio-button"
+            tabindex="0"
+          >
+            <input
+              class="t-radio-button__former"
+              data-value="'auto'"
+              tabindex="-1"
+              type="radio"
+              value="auto"
+            />
+            <span
+              class="t-radio-button__input"
+            />
+            <span
+              class="t-radio-button__label"
+            >
+              table-layout: auto
+            </span>
+          </label>
+          <div
+            class="t-radio-group__bg-block"
+            style="width: 0px; height: 0px; left: 0px; top: 0px;"
+          />
+        </div>
+        <label
+          class="t-checkbox"
+          style="margin-left: 16px; vertical-align: middle;"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            data-value="false"
+            tabindex="-1"
+            type="checkbox"
+            value="0"
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            空数据
+          </span>
+        </label>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-table t-table--bordered t-table--column-fixed 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
+                  class="t-table__cell--fixed-left t-table__th-applicant"
+                  data-colkey="applicant"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-status"
+                  data-colkey="status"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    审批状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    邮箱地址
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请日期
+                  </div>
+                </th>
+                <th
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation"
+                  data-colkey="operation"
+                  style="right: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    操作
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <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: 0px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-header.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'fixed'"
+            tabindex="-1"
+            type="radio"
+            value="fixed"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            table-layout: fixed
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'auto'"
+            tabindex="-1"
+            type="radio"
+            value="auto"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            table-layout: auto
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          data-value="false"
+          tabindex="-1"
+          type="checkbox"
+          value="0"
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    审批状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请日期
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-operation"
+                  data-colkey="operation"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    操作
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td>
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+            </tbody>
+            <tfoot
+              class="t-table__footer"
+              style="visibility: visible;"
+            >
+              <tr>
+                <td>
+                  -
+                </td>
+                <td>
+                  -
+                </td>
+                <td>
+                  -
+                </td>
+                <td>
+                  -
+                </td>
+                <td>
+                  -
+                </td>
+                <td>
+                  -
+                </td>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-header-col.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'fixed'"
+            tabindex="-1"
+            type="radio"
+            value="fixed"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            table-layout: fixed
+          </span>
+        </label>
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'auto'"
+            tabindex="-1"
+            type="radio"
+            value="auto"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            table-layout: auto
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          data-value="false"
+          tabindex="-1"
+          type="checkbox"
+          value="0"
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <span
+          class="t-checkbox__label"
+        >
+          是否冻结首尾两行
+        </span>
+      </label>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-table t-table--bordered t-table--column-fixed"
+        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
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant"
+                  data-colkey="applicant"
+                  style="left: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    审批状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    邮箱地址
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请日期
+                  </div>
+                </th>
+                <th
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation"
+                  data-colkey="operation"
+                  style="right: 0px;"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    操作
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    查看详情
+                  </a>
+                </td>
+              </tr>
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  <a
+                    class="t-link t-link--theme-primary t-link--hover-color"
+                  >
+                    再次申请
+                  </a>
+                </td>
+              </tr>
+            </tbody>
+            <tfoot
+              class="t-table__footer"
+              style="visibility: visible;"
+            >
+              <tr>
+                <td
+                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
+                  style="left: 0px;"
+                >
+                  共20条
+                </td>
+                <td>
+                  -
+                </td>
+                <td />
+                <td>
+                  -
+                </td>
+                <td />
+                <td>
+                  -
+                </td>
+                <td
+                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
+                  style="right: 0px;"
+                >
+                  -
+                </td>
+              </tr>
+            </tfoot>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\lazy.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-base"
+        style="margin-top: 10px;"
+        type="button"
+      >
+        <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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    邮箱地址
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+              <tr>
+                <td
+                  style="height: 48px;"
+                />
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\loading.tsx 1`] = `
+<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
+                class="t-table__th-instance"
+                data-colkey="instance"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  集群名称
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-owner"
+                data-colkey="owner"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  管理员
+                </div>
+              </th>
+              <th
+                class="t-table__th-description"
+                data-colkey="description"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  描述
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          />
+        </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"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        <div
+          class="t-loading__text"
+        />
+      </div>
+      <div
+        class="t-portal-wrapper"
+      />
+    </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
+                class="t-table__th-instance"
+                data-colkey="instance"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  集群名称
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-owner"
+                data-colkey="owner"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  管理员
+                </div>
+              </th>
+              <th
+                class="t-table__th-description"
+                data-colkey="description"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  描述
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          />
+        </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"
+          height="1em"
+          version="1.1"
+          viewBox="0 0 12 12"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <foreignobject
+            height="12"
+            width="12"
+            x="0"
+            y="0"
+          >
+            <div
+              class="t-loading__gradient-conic"
+            />
+          </foreignobject>
+        </svg>
+        <div
+          class="t-loading__text"
+        >
+          自定义加载状态文本
+        </div>
+      </div>
+      <div
+        class="t-portal-wrapper"
+      />
+    </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
+                class="t-table__th-instance"
+                data-colkey="instance"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  集群名称
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-owner"
+                data-colkey="owner"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  管理员
+                </div>
+              </th>
+              <th
+                class="t-table__th-description"
+                data-colkey="description"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  描述
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          />
+        </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
+              class="t-icon t-icon-loading"
+              fill="none"
+              height="1em"
+              name="loading"
+              style="fill: none; font-size: 20px;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <path
+                d="M12 2.25C6.61556 2.25 2.25 6.61556 2.25 12C2.25 17.3844 6.61556 21.75 12 21.75V19.3125C7.96142 19.3125 4.6875 16.0386 4.6875 12C4.6875 7.96142 7.96142 4.6875 12 4.6875C16.0386 4.6875 19.3125 7.96142 19.3125 12H21.75C21.75 6.61556 17.3844 2.25 12 2.25Z"
+                fill="currentColor"
+                id="loading"
+              />
+            </svg>
+              
+            <span>
+              渲染函数自定义加载中（可单独去除内置加载图标）
+            </span>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-portal-wrapper"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\merge-cells.tsx 1`] = `
+<div>
+  <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
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-description"
+              data-colkey="description"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                审批事项
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                邮箱地址
+              </div>
+            </th>
+            <th
+              class="t-table__th-channel"
+              colspan="2"
+              data-colkey="channel"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                其他信息
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td
+              class="t-table__td-first-col"
+              rowspan="2"
+            >
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              宣传物料制作费用
+            </td>
+            <td>
+              w.cezkdudy@lhll.au
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td
+              colspan="2"
+              rowspan="2"
+            >
+              algolia 服务报销
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__td-first-col"
+              rowspan="2"
+            >
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              激励奖品快递费
+            </td>
+            <td>
+              b.nmgw@peurezgn.sl
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__td-last-row t-table__td-first-col"
+              rowspan="2"
+            >
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              宣传物料制作费用
+            </td>
+            <td>
+              d.cumx@rampblpa.ru
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              algolia 服务报销
+            </td>
+            <td>
+              w.cezkdudy@lhll.au
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td>
+              2021-11-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\multi-header.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示表格边框
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示固定表头
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              固定左侧列
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              固定右侧列
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-setting"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="setting"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
+                    fill="transparent"
+                    fill-rule="evenodd"
+                    id="fill1"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span
+                class="t-button__text"
+              >
+                列配置
+              </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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-total_info"
+                  colspan="3"
+                  data-colkey="total_info"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请汇总
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-field1"
+                  data-colkey="field1"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    住宿费
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-field3"
+                  data-colkey="field3"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    交通费
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-field4"
+                  data-colkey="field4"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    物料费
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-field2"
+                  data-colkey="field2"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    奖品激励费
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-instruction"
+                  colspan="3"
+                  data-colkey="instruction"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    审批汇总
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                  rowspan="3"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+              <tr>
+                <th
+                  class="t-table__header-th--bordered t-table__th-platform"
+                  data-colkey="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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-type_default"
+                  colspan="2"
+                  data-colkey="type_default"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请渠道和金额
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-property"
+                  data-colkey="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
+                                class="t-icon t-icon-filter"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="filter"
+                                >
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill="transparent"
+                                    fill-rule="evenodd"
+                                    id="fill1"
+                                  />
+                                  <path
+                                    clip-rule="evenodd"
+                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
+                                    fill-rule="evenodd"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-description"
+                  colspan="2"
+                  data-colkey="description"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      说明
+                    </div>
+                  </div>
+                </th>
+              </tr>
+              <tr>
+                <th
+                  class="t-table__header-th--bordered t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    类型
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-time t-align-center"
+                  data-colkey="time"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请耗时(天)
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-field7"
+                  data-colkey="field7"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    审批单号
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="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>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号001
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号002
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号003
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号004
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号005
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号006
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号007
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号008
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号009
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号0010
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号0011
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号0012
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号0013
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号0014
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号0015
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号0016
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  100
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号0017
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  200
+                </td>
+                <td>
+                  财务审批
+                </td>
+                <td>
+                  审批单号0018
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  400
+                </td>
+                <td>
+                  组长审批
+                </td>
+                <td>
+                  审批单号0019
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  500
+                </td>
+                <td>
+                  部门审批
+                </td>
+                <td>
+                  审批单号0020
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\multiple-sort.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        排序方式：
+        [{"sortBy":"status","descending":true},{"sortBy":"survivalTime","descending":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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-time t-align-center"
+                  data-colkey="time"
+                >
+                  <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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      邮箱地址
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    p.cumx@rampblpa.ru
+                  </div>
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    w.cezkdudy@lhll.au
+                  </div>
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-table-td--ellipsis"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    r.nmgw@peurezgn.sl
+                  </div>
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\pagination.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="true"
+            tabindex="-1"
+            type="radio"
+            value="1"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            跨分页选中
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="false"
+            tabindex="-1"
+            type="radio"
+            value="0"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            当前页选中
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+                  class="t-table__th-serial-number"
+                  data-colkey="serial-number"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    序号
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+                <th
+                  class="t-table__cell-check t-table__th-row-select"
+                  data-colkey="row-select"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        tabindex="-1"
+                        type="checkbox"
+                        value=""
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                    </label>
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  6
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  7
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  8
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  9
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  10
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </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"
+              >
+                共 59 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="5 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="5 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          5 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                    class="t-icon t-icon-ellipsis"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="ellipsis"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M4 11.5H5V12.5H4V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M19 11.5H20V12.5H19V11.5Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </svg>
+                </li>
+                <li
+                  class="t-pagination__number"
+                >
+                  12
+                </li>
+              </ul>
+              <div
+                class="t-pagination__btn t-pagination__btn-next"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-pagination__jump"
+              >
+                跳至
+                <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"
+                      spellcheck="false"
+                      value="2"
+                    >
+                      <div
+                        class="t-input t-align-left"
+                      >
+                        <input
+                          autocomplete="off"
+                          class="t-input__inner"
+                          placeholder=""
+                          type="text"
+                          value="2"
+                        />
+                      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\select-multiple.tsx 1`] = `
+<div>
+  <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
+              class="t-table__cell-check t-table__th-row-select"
+              data-colkey="row-select"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <label
+                  class="t-checkbox"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-checkbox__former"
+                    tabindex="-1"
+                    type="checkbox"
+                    value=""
+                  />
+                  <span
+                    class="t-checkbox__input"
+                  />
+                </label>
+              </div>
+            </th>
+            <th
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-channel"
+              data-colkey="channel"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                签署方式
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  邮箱地址
+                </div>
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+              >
+                <input
+                  class="t-checkbox__former"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+              </label>
+            </td>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-checkbox t-is-disabled"
+                title="不可选"
+              >
+                <input
+                  class="t-checkbox__former"
+                  disabled=""
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+              </label>
+            </td>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+              >
+                <input
+                  class="t-checkbox__former"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+              </label>
+            </td>
+            <td>
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                p.cumx@rampblpa.ru
+              </div>
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-checkbox t-is-disabled"
+                title="不可选"
+              >
+                <input
+                  class="t-checkbox__former"
+                  disabled=""
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+              </label>
+            </td>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-checkbox"
+                tabindex="0"
+              >
+                <input
+                  class="t-checkbox__former"
+                  tabindex="-1"
+                  type="checkbox"
+                  value=""
+                />
+                <span
+                  class="t-checkbox__input"
+                />
+              </label>
+            </td>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\select-single.tsx 1`] = `
+<div>
+  <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
+              class="t-table__cell-check t-table__th-row-select"
+              data-colkey="row-select"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              />
+            </th>
+            <th
+              class="t-table__th-applicant"
+              data-colkey="applicant"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请人
+              </div>
+            </th>
+            <th
+              class="t-table__th-status"
+              data-colkey="status"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请状态
+              </div>
+            </th>
+            <th
+              class="t-table__th-channel"
+              data-colkey="channel"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                签署方式
+              </div>
+            </th>
+            <th
+              class="t-table__th-detail.email"
+              data-colkey="detail.email"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                <div
+                  class="t-table__ellipsis t-text-ellipsis"
+                >
+                  邮箱地址
+                </div>
+              </div>
+            </th>
+            <th
+              class="t-table__th-createTime"
+              data-colkey="createTime"
+            >
+              <div
+                class="t-table__th-cell-inner"
+              >
+                申请时间
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody
+          class="t-table__body"
+        >
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-radio"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio__former"
+                  data-allow-uncheck="true"
+                  tabindex="-1"
+                  type="radio"
+                  value=""
+                />
+                <span
+                  class="t-radio__input"
+                />
+              </label>
+            </td>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+          <tr
+            class="t-table__row--disabled"
+          >
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-radio t-is-disabled"
+              >
+                <input
+                  class="t-radio__former"
+                  data-allow-uncheck="true"
+                  disabled=""
+                  tabindex="-1"
+                  type="radio"
+                  value=""
+                />
+                <span
+                  class="t-radio__input"
+                />
+              </label>
+            </td>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-02-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-radio"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio__former"
+                  data-allow-uncheck="true"
+                  tabindex="-1"
+                  type="radio"
+                  value=""
+                />
+                <span
+                  class="t-radio__input"
+                />
+              </label>
+            </td>
+            <td>
+              王芳
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-error-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批过期"
+                >
+                  审批过期
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                p.cumx@rampblpa.ru
+              </div>
+            </td>
+            <td>
+              2022-03-01
+            </td>
+          </tr>
+          <tr
+            class="t-table__row--disabled"
+          >
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-radio t-is-disabled"
+              >
+                <input
+                  class="t-radio__former"
+                  data-allow-uncheck="true"
+                  disabled=""
+                  tabindex="-1"
+                  type="radio"
+                  value=""
+                />
+                <span
+                  class="t-radio__input"
+                />
+              </label>
+            </td>
+            <td>
+              贾明
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-check-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批通过"
+                >
+                  审批通过
+                </span>
+              </div>
+            </td>
+            <td>
+              电子签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                w.cezkdudy@lhll.au
+              </div>
+            </td>
+            <td>
+              2022-04-01
+            </td>
+          </tr>
+          <tr>
+            <td
+              class="t-table__cell-check"
+            >
+              <label
+                class="t-radio"
+                tabindex="0"
+              >
+                <input
+                  class="t-radio__former"
+                  data-allow-uncheck="true"
+                  tabindex="-1"
+                  type="radio"
+                  value=""
+                />
+                <span
+                  class="t-radio__input"
+                />
+              </label>
+            </td>
+            <td>
+              张三
+            </td>
+            <td>
+              <div
+                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+              >
+                <svg
+                  class="t-icon t-icon-close-circle-filled"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <path
+                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <span
+                  title="审批失败"
+                >
+                  审批失败
+                </span>
+              </div>
+            </td>
+            <td>
+              纸质签署
+            </td>
+            <td
+              class="t-table-td--ellipsis"
+            >
+              <div
+                class="t-table__ellipsis t-text-ellipsis"
+              >
+                r.nmgw@peurezgn.sl
+              </div>
+            </td>
+            <td>
+              2022-01-01
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\single-sort.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        <label
+          class="t-checkbox"
+          tabindex="0"
+        >
+          <input
+            class="t-checkbox__former"
+            tabindex="-1"
+            type="checkbox"
+            value=""
+          />
+          <span
+            class="t-checkbox__input"
+          />
+          <span
+            class="t-checkbox__label"
+          >
+            隐藏排序文本提示
+          </span>
+        </label>
+        <span
+          style="padding-left: 16px; vertical-align: top;"
+        >
+          排序方式：
+          {"sortBy":"status","descending":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
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__sort-column t-table__th-status"
+                  data-colkey="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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-time t-align-center"
+                  data-colkey="time"
+                >
+                  <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
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                            <span
+                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
+                            >
+                              <svg
+                                class="t-icon t-icon-chevron-down"
+                                fill="none"
+                                height="1em"
+                                style="fill: none;"
+                                viewBox="0 0 24 24"
+                                width="1em"
+                              >
+                                <g
+                                  id="chevron-down"
+                                >
+                                  <path
+                                    d="M17.5 9.5L12 15L6.5 9.5"
+                                    id="stroke1"
+                                    stroke="currentColor"
+                                    stroke-linecap="square"
+                                    stroke-width="2"
+                                  />
+                                </g>
+                              </svg>
+                            </span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-channel"
+                  data-colkey="channel"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td
+                  class="t-table__sort-column"
+                >
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  2
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  张三
+                </td>
+                <td
+                  class="t-table__sort-column"
+                >
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  3
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  王芳
+                </td>
+                <td
+                  class="t-table__sort-column"
+                >
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  1
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  贾明
+                </td>
+                <td
+                  class="t-table__sort-column"
+                >
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  4
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\style.tsx 1`] = `
+<div>
+  <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
+                class="t-table__th-applicant"
+                data-colkey="applicant"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请人
+                </div>
+              </th>
+              <th
+                class="t-table__th-status"
+                data-colkey="status"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  审批状态
+                </div>
+              </th>
+              <th
+                class="t-table__th-time t-align-center"
+                data-colkey="time"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请耗时(天)
+                </div>
+              </th>
+              <th
+                class="custom-cell-class-name t-table__th-channel t-align-right"
+                data-colkey="channel"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  签署方式
+                </div>
+              </th>
+              <th
+                class="t-table__th-detail.email"
+                data-colkey="detail.email"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  <div
+                    class="t-table__ellipsis t-text-ellipsis"
+                  >
+                    邮箱地址
+                  </div>
+                </div>
+              </th>
+              <th
+                class="t-table__th-createTime"
+                data-colkey="createTime"
+              >
+                <div
+                  class="t-table__th-cell-inner"
+                >
+                  申请时间
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody
+            class="t-table__body"
+          >
+            <tr>
+              <td>
+                贾明
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </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>
+                2022-01-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                张三
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td
+                class="custom-cell-class-name t-align-center"
+                style="font-weight: 600;"
+              >
+                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>
+                2022-02-01
+              </td>
+            </tr>
+            <tr
+              class="custom-third-class-name"
+            >
+              <td>
+                王芳
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-error-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                      fill="currentColor"
+                    />
+                  </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>
+                2022-03-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                贾明
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </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>
+                2022-04-01
+              </td>
+            </tr>
+            <tr>
+              <td>
+                张三
+              </td>
+              <td>
+                <div
+                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                >
+                  <svg
+                    class="t-icon t-icon-close-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  <span
+                    title="审批失败"
+                  >
+                    审批失败
+                  </span>
+                </div>
+              </td>
+              <td
+                class="custom-cell-class-name t-align-center"
+                style="font-weight: 600;"
+              >
+                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>
+                2022-01-01
+              </td>
+            </tr>
+          </tbody>
+          <tfoot
+            class="t-table__footer"
+            style="visibility: visible;"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\tree.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              添加根节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-left: 16px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              重置/更新数据
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-left: 16px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              展开/收起可见行
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-left: 16px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              展开全部
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-default t-button--variant-base"
+            style="margin-left: 16px;"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取全部树形结构
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <label
+        class="t-checkbox"
+        style="vertical-align: middle;"
+        tabindex="0"
+      >
+        <input
+          class="t-checkbox__former"
+          tabindex="-1"
+          type="checkbox"
+          value=""
+        />
+        <span
+          class="t-checkbox__input"
+        />
+        <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
+                  class="t-table__th-drag t-align-center"
+                  data-colkey="drag"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    排序
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-id"
+                  data-colkey="id"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      编号
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-key"
+                  data-colkey="key"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <div
+                      class="t-table__ellipsis t-text-ellipsis"
+                    >
+                      名称
+                    </div>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-platform"
+                  data-colkey="platform"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    签署方式
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-operate t-align-center"
+                  data-colkey="operate"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    操作
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+            >
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人 0_1 号"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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--inline t-table__tree-leaf-node"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      />
+                      申请人 0_1 号
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人 1_1 号"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人 1_1 号
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人 2_1 号"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人 2_1 号
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人 3_1 号"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人 3_1 号
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  纸质签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人 4_1 号"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人 4_1 号
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人懒加载节点 66666，点我体验"
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人懒加载节点 66666，点我体验
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0"
+                data-id="申请人懒加载节点 88888，点我体验 "
+              >
+                <td
+                  class="t-align-center t-table__handle-draggable"
+                >
+                  <svg
+                    class="t-icon t-icon-move"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="move"
+                    >
+                      <g
+                        id="stroke1"
+                      >
+                        <path
+                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </g>
+                  </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"
+                      style="padding-left: 1px;"
+                    >
+                      <span
+                        class="t-table__tree-op-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-add-rectangle"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add-rectangle"
+                          >
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 3H3V21L21 21V3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      申请人懒加载节点 88888，点我体验 
+                    </div>
+                  </div>
+                </td>
+                <td>
+                  电子签署
+                </td>
+                <td
+                  class="t-align-center"
+                >
+                  <div
+                    class="tdesign-table-demo__table-operations"
+                  >
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      插入
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      前插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      后插
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      更新
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      查看
+                    </a>
+                    <a
+                      class="t-link t-link--theme-default t-link--hover-color"
+                      style="padding: 0px 8px;"
+                    >
+                      删除
+                    </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"
+              >
+                共 100 条数据
+              </div>
+              <div
+                class="t-pagination__select"
+              >
+                <div
+                  class="t-select__wrap"
+                >
+                  <div
+                    class="t-select t-select-input"
+                  >
+                    <div
+                      class="t-input__wrap t-input--auto-width"
+                      spellcheck="false"
+                      value="10 条/页"
+                    >
+                      <div
+                        class="t-input t-align-left t-input--suffix"
+                      >
+                        <input
+                          class="t-input__inner"
+                          placeholder="请选择"
+                          readonly=""
+                          type="text"
+                          value="10 条/页"
+                        />
+                        <span
+                          class="t-input__input-pre"
+                        >
+                          10 条/页
+                        </span>
+                        <span
+                          class="t-input__suffix t-input__suffix-icon"
+                        >
+                          <svg
+                            class="t-fake-arrow t-select__right-icon"
+                            fill="none"
+                            height="16"
+                            viewBox="0 0 16 16"
+                            width="16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                              stroke="black"
+                              stroke-opacity="0.9"
+                              stroke-width="1.3"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
+              >
+                <svg
+                  class="t-icon t-icon-chevron-left"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-left"
+                  >
+                    <path
+                      d="M14.5 17.5L9 12L14.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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
+                  class="t-icon t-icon-chevron-right"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="chevron-right"
+                  >
+                    <path
+                      d="M9.5 17.5L15 12L9.5 6.5"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\tree-select.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-m t-radio-group--filled"
+          >
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="true"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                父子行选中独立
+              </span>
+            </label>
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="false"
+                tabindex="-1"
+                type="radio"
+                value="0"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                父子行选中关联
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取树形结构展开的节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <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, 23500px);"
+          />
+          <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
+                  class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"
+                  data-colkey="__EXPAND_ROW_ICON_COLUMN__"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  />
+                </th>
+                <th
+                  class="t-table__cell-check t-table__th-row-select"
+                  data-colkey="row-select"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    <label
+                      class="t-checkbox"
+                      tabindex="0"
+                    >
+                      <input
+                        class="t-checkbox__former"
+                        tabindex="-1"
+                        type="checkbox"
+                        value=""
+                      />
+                      <span
+                        class="t-checkbox__input"
+                      />
+                    </label>
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-serial-number"
+                  data-colkey="serial-number"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    序号
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+              style="transform: translateY(0px);"
+            >
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  1
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    贾明
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  2
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    张三
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  3
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    王芳
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  4
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    贾明
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  5
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    张三
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  6
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    王芳
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  7
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    贾明
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  8
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    张三
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  9
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    王芳
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  宣传物料制作费用
+                </td>
+              </tr>
+              <tr
+                class="t-table-tr--level-0 t-table__row--folded"
+              >
+                <td
+                  class="t-table__expandable-icon-cell"
+                >
+                  <span
+                    class="t-table__expand-box t-table__row--collapsed"
+                  >
+                    <svg
+                      class="t-icon t-icon-chevron-right-circle"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="chevron-right-circle"
+                      >
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <path
+                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                        <path
+                          d="M10.5 16L14.5 12L10.5 8"
+                          id="stroke2"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </span>
+                </td>
+                <td
+                  class="t-table__cell-check"
+                >
+                  <label
+                    class="t-checkbox"
+                    tabindex="0"
+                  >
+                    <input
+                      class="t-checkbox__former"
+                      tabindex="-1"
+                      type="checkbox"
+                      value=""
+                    />
+                    <span
+                      class="t-checkbox__input"
+                    />
+                  </label>
+                </td>
+                <td>
+                  10
+                </td>
+                <td>
+                  <div
+                    class="t-table__tree-col"
+                    style="padding-left: 1px;"
+                  >
+                    <span
+                      class="t-table__tree-op-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-add-rectangle"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="add-rectangle"
+                        >
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 3H3V21L21 21V3Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                    贾明
+                  </div>
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\table\\_example\\virtual-scroll.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              滚动到指定元素
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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, 48000px);"
+          />
+          <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
+                  class="t-table__th-serial-number"
+                  data-colkey="serial-number"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    序号
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-applicant"
+                  data-colkey="applicant"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请人
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-status"
+                  data-colkey="status"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请状态
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-matters"
+                  data-colkey="matters"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请事项
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-detail.email"
+                  data-colkey="detail.email"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    邮箱地址
+                  </div>
+                </th>
+                <th
+                  class="t-table__th-createTime"
+                  data-colkey="createTime"
+                >
+                  <div
+                    class="t-table__th-cell-inner"
+                  >
+                    申请时间
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody
+              class="t-table__body"
+              style="transform: translateY(0px);"
+            >
+              <tr>
+                <td>
+                  1
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  部分宣传物料制作费用
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  2
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  3
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  4
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  5
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  部分宣传物料制作费用
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  6
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  7
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  相关周边制作费
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-03-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  8
+                </td>
+                <td>
+                  张三
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-close-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批失败"
+                    >
+                      审批失败
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  激励奖品快递费
+                </td>
+                <td>
+                  r.nmgw@peurezgn.sl
+                </td>
+                <td>
+                  2022-04-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  9
+                </td>
+                <td>
+                  王芳
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批过期"
+                    >
+                      审批过期
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  部分宣传物料制作费用
+                </td>
+                <td>
+                  p.cumx@rampblpa.ru
+                </td>
+                <td>
+                  2022-01-01
+                </td>
+              </tr>
+              <tr>
+                <td>
+                  10
+                </td>
+                <td>
+                  贾明
+                </td>
+                <td>
+                  <div
+                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
+                  >
+                    <svg
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <span
+                      title="审批通过"
+                    >
+                      审批通过
+                    </span>
+                  </div>
+                </td>
+                <td>
+                  algolia 服务报销
+                </td>
+                <td>
+                  w.cezkdudy@lhll.au
+                </td>
+                <td>
+                  2022-02-01
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\ban.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'normal'"
+            tabindex="-1"
+            type="radio"
+            value="normal"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            常规型
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'card'"
+            tabindex="-1"
+            type="radio"
+            value="card"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            卡片型
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\combination.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'normal'"
+            tabindex="-1"
+            type="radio"
+            value="normal"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            常规型
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'card'"
+            tabindex="-1"
+            type="radio"
+            value="card"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            卡片型
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'auto'"
+            tabindex="-1"
+            type="radio"
+            value="auto"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            Auto
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'start'"
+            tabindex="-1"
+            type="radio"
+            value="start"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            Start
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'center'"
+            tabindex="-1"
+            type="radio"
+            value="center"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            Center
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'end'"
+            tabindex="-1"
+            type="radio"
+            value="end"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            End
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\custom.tsx 1`] = `
+<div>
+  <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
+          class="t-tabs__operations t-tabs__operations--right"
+        >
+          <div
+            class="t-tabs__add-btn t-tabs__btn t-size-m"
+          >
+            <svg
+              class="t-icon t-icon-add"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="add"
+              >
+                <path
+                  d="M12 5L12 19M19 12L5 12"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 3
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 4
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 5
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 6
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 7
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 8
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 9
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </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"
+                >
+                  选项卡 10
+                </span>
+                <span
+                  class="remove-btn"
+                >
+                  <svg
+                    class="t-icon t-icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </span>
+              </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>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\drag-sort.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <div
+                    class="t-tabs__nav-item t-size-m t-is-active t-is-top"
+                    draggable="true"
+                  >
+                    <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"
+                    draggable="true"
+                  >
+                    <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"
+                    draggable="true"
+                  >
+                    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <div
+                    class="t-tabs__nav-item t-size-m t-is-active t-is-top"
+                    draggable="true"
+                  >
+                    <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"
+                    draggable="true"
+                  >
+                    <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"
+                    draggable="true"
+                  >
+                    <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'normal'"
+            tabindex="-1"
+            type="radio"
+            value="normal"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            常规
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'card'"
+            tabindex="-1"
+            type="radio"
+            value="card"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            卡片
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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
+                          class="t-icon t-icon-discount"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="discount"
+                          >
+                            <path
+                              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+                              fill="transparent"
+                              id="fill2"
+                            />
+                            <path
+                              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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
+                          class="t-icon t-icon-tools"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="tools"
+                          >
+                            <path
+                              d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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
+                          class="t-icon t-icon-tips"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="tips"
+                          >
+                            <path
+                              d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\lazy-load.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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
+            class="t-tab-panel"
+            style="display: none;"
+          >
+            <p
+              style="padding: 25px;"
+            >
+              选项卡2的内容，使用 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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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;"
+            >
+              这是选项卡1的内容，使用 Tabs 渲染
+            </p>
+          </div>
+          <div
+            class="t-tab-panel"
+            style="display: none;"
+          >
+            <p
+              style="padding: 25px;"
+            >
+              这是选项卡2的内容，使用 Tabs 渲染
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\operation.tsx 1`] = `
+<div>
+  <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
+          class="t-tabs__operations t-tabs__operations--right"
+        >
+          <div
+            class="t-tabs__add-btn t-tabs__btn t-size-m"
+          >
+            <svg
+              class="t-icon t-icon-add"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="add"
+              >
+                <path
+                  d="M12 5L12 19M19 12L5 12"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\position.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'top'"
+            tabindex="-1"
+            type="radio"
+            value="top"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            top
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'right'"
+            tabindex="-1"
+            type="radio"
+            value="right"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            right
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'bottom'"
+            tabindex="-1"
+            type="radio"
+            value="bottom"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            bottom
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'left'"
+            tabindex="-1"
+            type="radio"
+            value="left"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            left
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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
+                    class="t-tabs__bar t-is-top"
+                  />
+                  <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"
+                      >
+                        选项卡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>
+    </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
+              class="t-tabs__operations t-tabs__operations--right"
+            />
+            <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-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>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+            rel="noreferrer"
+            target="_blank"
+          >
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="超链接"
+              >
+                超链接
+              </span>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\check-tag-group.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+              data-value="1"
+              tabindex="0"
+            >
+              <span
+                title="标签1"
+              >
+                标签1
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
+              data-value="2"
+              tabindex="0"
+            >
+              <span
+                title="标签2"
+              >
+                标签2
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
+              data-value="3"
+              tabindex="0"
+            >
+              <span>
+                <span>
+                  标签3
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
+              data-value="4"
+              tabindex="0"
+            >
+              <span
+                title="标签4"
+              >
+                标签4
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
+              data-value="5"
+              tabindex="0"
+            >
+              <span
+                title="标签5"
+              >
+                标签5
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
+              data-value="6"
+              tabindex="0"
+            >
+              <span
+                title="标签6"
+              >
+                标签6
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+              data-value="1"
+              tabindex="0"
+            >
+              <span
+                title="标签1"
+              >
+                标签1
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked"
+              data-value="2"
+              tabindex="0"
+            >
+              <span
+                title="标签2"
+              >
+                标签2
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="3"
+              tabindex="0"
+            >
+              <span>
+                <span>
+                  标签3
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="4"
+              tabindex="0"
+            >
+              <span
+                title="标签4"
+              >
+                标签4
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="5"
+              tabindex="0"
+            >
+              <span
+                title="标签5"
+              >
+                标签5
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="6"
+              tabindex="0"
+            >
+              <span
+                title="标签6"
+              >
+                标签6
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+              data-value="1"
+              tabindex="0"
+            >
+              <span
+                title="标签1"
+              >
+                标签1
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="2"
+              tabindex="0"
+            >
+              <span
+                title="标签2"
+              >
+                标签2
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked"
+              data-value="3"
+              tabindex="0"
+            >
+              <span>
+                <span>
+                  标签3
+                </span>
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="4"
+              tabindex="0"
+            >
+              <span
+                title="标签4"
+              >
+                标签4
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="5"
+              tabindex="0"
+            >
+              <span
+                title="标签5"
+              >
+                标签5
+              </span>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
+              data-value="6"
+              tabindex="0"
+            >
+              <span
+                title="标签6"
+              >
+                标签6
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+              data-value="1"
+              tabindex="0"
+            >
+              <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"
+              data-value="2"
+              tabindex="0"
+            >
+              <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"
+              data-value="3"
+              tabindex="0"
+            >
+              <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"
+              data-value="4"
+              tabindex="0"
+            >
+              <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"
+              data-value="5"
+              tabindex="0"
+            >
+              <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"
+              data-value="6"
+              tabindex="0"
+            >
+              <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\custom-color.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+                spellcheck="false"
+                value="#0052D9"
+              >
+                <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: rgb(0, 82, 217);"
+                      />
+                    </div>
+                  </div>
+                  <input
+                    class="t-input__inner"
+                    placeholder="请输入"
+                    type="text"
+                    value="#0052D9"
+                  />
+                  <span
+                    class="t-input__input-pre"
+                  >
+                    #0052D9
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-tag t-tag--primary t-tag--dark"
+            style="color: white; background-color: rgb(0, 82, 217);"
+          >
+            <span
+              title="default"
+            >
+              default
+            </span>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-tag t-tag--default t-tag--light"
+            style="color: rgb(0, 82, 217); 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: rgb(0, 82, 217); 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: rgb(0, 82, 217); border-color: #0052d9; background-color: rgba(0, 82, 217, 0.1);"
+          >
+            <span
+              title="light-outline"
+            >
+              light-outline
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\delete.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-tag t-tag--default t-tag--dark"
+            style="margin-right: 30px;"
+          >
+            <span>
+              可删除标签
+              0
+            </span>
+            <svg
+              class="t-icon t-icon-close t-tag__icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-tag t-tag--default t-tag--dark"
+            style="margin-right: 30px;"
+          >
+            <svg
+              class="t-icon t-icon-discount"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="discount"
+              >
+                <path
+                  d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+                  fill="transparent"
+                  id="fill2"
+                />
+                <path
+                  d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <path
+                  d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+            <span>
+              可删除标签
+              1
+            </span>
+            <svg
+              class="t-icon t-icon-close t-tag__icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </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
+            class="t-icon t-icon-add"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="add"
+            >
+              <path
+                d="M12 5L12 19M19 12L5 12"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+          <span
+            title="可添加标签"
+          >
+            可添加标签
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-tag t-tag--default t-tag--dark"
+  >
+    <svg
+      class="t-icon t-icon-discount"
+      fill="none"
+      height="1em"
+      style="fill: none;"
+      viewBox="0 0 24 24"
+      width="1em"
+    >
+      <g
+        id="discount"
+      >
+        <path
+          d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+          fill="transparent"
+          id="fill1"
+        />
+        <path
+          d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+          fill="transparent"
+          id="fill2"
+        />
+        <path
+          d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
+          id="stroke1"
+          stroke="currentColor"
+          stroke-width="2"
+        />
+        <path
+          d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
+          id="stroke2"
+          stroke="currentColor"
+          stroke-width="2"
+        />
+      </g>
+    </svg>
+    <span
+      title="默认标签"
+    >
+      默认标签
+    </span>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\long-text.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\selectable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+          >
+            <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"
+          >
+            <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
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+          >
+            <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"
+          >
+            <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
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+          >
+            <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"
+          >
+            <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\shape.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+        class="t-space t-space-align-center t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\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"
+    spellcheck="false"
+    value=""
+  >
+    <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
+            class="t-icon t-icon-close t-tag__icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-tag t-tag--default t-tag--dark"
+        >
+          <span
+            title="React"
+          >
+            React
+          </span>
+          <svg
+            class="t-icon t-icon-close t-tag__icon-close"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="close"
+            >
+              <path
+                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+      <input
+        class="t-input__inner"
+        placeholder=""
+        type="text"
+        value=""
+      />
+      <span
+        class="t-input__input-pre"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\collapsed.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                +
+                4
+              </span>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                More(
+                2
+                )
+              </span>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\custom-tag.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span>
+                +
+                1
+              </span>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\draggable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--drag-sort"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              draggable="true"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              draggable="true"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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 t-tag-input--drag-sort"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              draggable="true"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              draggable="true"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+              draggable="true"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\excess.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\max.tsx 1`] = `
+<div>
+  <div
+    style="width: 100%;"
+  >
+    <div
+      class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-align-left t-input--prefix"
+      >
+        <div
+          class="t-input__prefix"
+        />
+        <input
+          class="t-input__inner"
+          placeholder="最多只能输入 3 个标签"
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__input-pre"
+        >
+          最多只能输入 3 个标签
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\max-row.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        最大高度为2
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
+        spellcheck="false"
+        style="--max-rows: 2; --tag-input-size: small;"
+        value=""
+      >
+        <div
+          class="t-input t-size-s t-align-left t-input--prefix"
+        >
+          <div
+            class="t-input__prefix"
+          >
+            <div
+              class="t-tag-input__prefix"
+            >
+              小尺寸: 
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Vue"
+              >
+                Vue
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Svelte"
+              >
+                Svelte
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Solid"
+              >
+                Solid
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="MiniProgram"
+              >
+                MiniProgram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Flutter"
+              >
+                Flutter
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="UniApp"
+              >
+                UniApp
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Html5"
+              >
+                Html5
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Css3"
+              >
+                Css3
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="JavaScript"
+              >
+                JavaScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="TypeScript"
+              >
+                TypeScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Node.js"
+              >
+                Node.js
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Python"
+              >
+                Python
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Java"
+              >
+                Java
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Go"
+              >
+                Go
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="Rust"
+              >
+                Rust
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="C++"
+              >
+                C++
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        最大高度为3
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
+        spellcheck="false"
+        style="--max-rows: 3; --tag-input-size: medium;"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--prefix"
+        >
+          <div
+            class="t-input__prefix"
+          >
+            <div
+              class="t-tag-input__prefix"
+            >
+              中等尺寸: 
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Vue"
+              >
+                Vue
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Svelte"
+              >
+                Svelte
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Solid"
+              >
+                Solid
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="MiniProgram"
+              >
+                MiniProgram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Flutter"
+              >
+                Flutter
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="UniApp"
+              >
+                UniApp
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Html5"
+              >
+                Html5
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Css3"
+              >
+                Css3
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="JavaScript"
+              >
+                JavaScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="TypeScript"
+              >
+                TypeScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Node.js"
+              >
+                Node.js
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Python"
+              >
+                Python
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Java"
+              >
+                Java
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Go"
+              >
+                Go
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="Rust"
+              >
+                Rust
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="C++"
+              >
+                C++
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        最大高度为4
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
+        spellcheck="false"
+        style="--max-rows: 4; --tag-input-size: large;"
+        value=""
+      >
+        <div
+          class="t-input t-size-l t-align-left t-input--prefix"
+        >
+          <div
+            class="t-input__prefix"
+          >
+            <div
+              class="t-tag-input__prefix"
+            >
+              大尺寸: 
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Vue"
+              >
+                Vue
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Angular"
+              >
+                Angular
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Svelte"
+              >
+                Svelte
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Solid"
+              >
+                Solid
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="MiniProgram"
+              >
+                MiniProgram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Flutter"
+              >
+                Flutter
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="UniApp"
+              >
+                UniApp
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Html5"
+              >
+                Html5
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Css3"
+              >
+                Css3
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="JavaScript"
+              >
+                JavaScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="TypeScript"
+              >
+                TypeScript
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Node.js"
+              >
+                Node.js
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Python"
+              >
+                Python
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Java"
+              >
+                Java
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Go"
+              >
+                Go
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="Rust"
+              >
+                Rust
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="C++"
+              >
+                C++
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\size.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-s"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--default t-tag--dark t-size-l"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\status.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 32px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            禁用状态：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+            spellcheck="false"
+            style="width: 500px;"
+            value=""
+          >
+            <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
+                class="t-input__inner"
+                disabled=""
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            只读状态：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+            spellcheck="false"
+            style="width: 500px;"
+            value=""
+          >
+            <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
+                class="t-input__inner"
+                placeholder=""
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--default"
+            >
+              这是普通文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            成功状态：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+            spellcheck="false"
+            style="width: 500px;"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="React"
+                  >
+                    React
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="Miniprogram"
+                  >
+                    Miniprogram
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--success"
+            >
+              校验通过文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            告警状态：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+            spellcheck="false"
+            style="width: 500px;"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="React"
+                  >
+                    React
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="Miniprogram"
+                  >
+                    Miniprogram
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--warning"
+            >
+              校验不通过文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label>
+            错误状态：
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+            spellcheck="false"
+            style="width: 500px;"
+            value=""
+          >
+            <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
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="React"
+                  >
+                    React
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+                <div
+                  class="t-tag t-tag--default t-tag--dark"
+                >
+                  <span
+                    title="Miniprogram"
+                  >
+                    Miniprogram
+                  </span>
+                  <svg
+                    class="t-icon t-icon-close t-tag__icon-close"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="close"
+                    >
+                      <path
+                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+              <input
+                class="t-input__inner"
+                placeholder=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__input-pre"
+              />
+            </div>
+            <div
+              class="t-input__tips t-input__tips--error"
+            >
+              校验存在严重问题文本提示
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 80%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--primary t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--primary t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--success t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--success t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--warning t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--warning t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </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"
+        spellcheck="false"
+        value=""
+      >
+        <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
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--danger t-tag--dark"
+            >
+              <span
+                title="React"
+              >
+                React
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-tag t-tag--danger t-tag--dark"
+            >
+              <span
+                title="Miniprogram"
+              >
+                Miniprogram
+              </span>
+              <svg
+                class="t-icon t-icon-close t-tag__icon-close"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="close"
+                >
+                  <path
+                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+          <input
+            class="t-input__inner"
+            placeholder=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__input-pre"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容"
+          rows="2"
+          style="height: auto; min-height: auto;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default t-hide-scrollbar"
+          placeholder="请输入内容，高度可自适应，autosize=true"
+          style="height: 0px; min-height: -4px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default t-resize-none"
+          placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条"
+          style="height: -40px; min-height: -12px;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\events.tsx 1`] = `
+<div>
+  <div
+    class="t-textarea"
+  >
+    <textarea
+      class="t-textarea__inner t-is-default"
+      placeholder="请输入内容"
+      style="height: auto; min-height: auto;"
+    />
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\maxlength.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容，超出限制无法输入"
+          style="height: auto; min-height: auto;"
+        />
+        <div
+          class="t-textarea__info_wrapper"
+        >
+          <div
+            class="t-textarea__tips t-textarea__tips--default"
+          >
+            这里可以放一些提示文字
+          </div>
+          <span
+            class="t-textarea__limit"
+          >
+            0
+            /20
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容，超出限制可以输入"
+          style="height: auto; min-height: auto;"
+        />
+        <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
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入"
+          style="height: auto; min-height: auto;"
+        />
+        <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
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入"
+          style="height: auto; min-height: auto;"
+        />
+        <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
+          class="t-textarea__inner t-is-default"
+          placeholder="自定义计数元素"
+          style="height: auto; min-height: auto;"
+        />
+        <div
+          class="t-textarea__info_wrapper t-textarea__info_wrapper_align"
+        >
+          <div
+            style="font-size: 12px;"
+          >
+            <span
+              style="color: gray;"
+            >
+              0
+            </span>
+            /
+            <span
+              style="color: mediumblue;"
+            >
+              20
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\type.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default"
+          placeholder="请输入内容"
+          readonly=""
+          style="height: auto; min-height: auto;"
+        >
+          只读状态
+        </textarea>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default t-is-disabled"
+          disabled=""
+          placeholder="请输入内容"
+          style="height: auto; min-height: auto;"
+        >
+          禁用状态
+        </textarea>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-default"
+          placeholder="normal"
+          style="height: auto; min-height: auto;"
+        >
+          普通状态
+        </textarea>
+        <div
+          class="t-textarea__info_wrapper"
+        >
+          <div
+            class="t-textarea__tips t-textarea__tips--default"
+          >
+            正常提示
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-textarea"
+      >
+        <textarea
+          class="t-textarea__inner t-is-success"
+          placeholder="success"
+          style="height: auto; min-height: auto;"
+        >
+          成功状态
+        </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
+          class="t-textarea__inner t-is-warning"
+          placeholder="warning"
+          style="height: auto; min-height: auto;"
+        >
+          警告状态
+        </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
+          class="t-textarea__inner t-is-error"
+          placeholder="error"
+          style="height: auto; min-height: auto;"
+        >
+          错误状态
+        </textarea>
+        <div
+          class="t-textarea__info_wrapper"
+        >
+          <div
+            class="t-textarea__tips t-textarea__tips--error"
+          >
+            错误提示
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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-disabled t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                disabled=""
+                placeholder="选择时间"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="选择时间"
+                readonly=""
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hide-clear-button.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+            spellcheck="false"
+            value="12:00:00"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                readonly=""
+                type="text"
+                value="12:00:00"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value="12:00:00"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                readonly=""
+                type="text"
+                value="12:00:00"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hm.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+            spellcheck="false"
+            value="12:00"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                readonly=""
+                type="text"
+                value="12:00"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </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"
+            spellcheck="false"
+            value="12:59:59:000"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                readonly=""
+                type="text"
+                value="12:59:59:000"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hms.tsx 1`] = `
+<div>
+  <div
+    class="t-time-picker"
+  >
+    <div
+      class="t-time-picker__group t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="12:00:00"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            readonly=""
+            type="text"
+            value="12:00:00"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-time"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="time"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 6.5L12 12L15 15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\keyboard.tsx 1`] = `
+<div>
+  <div
+    class="t-time-picker"
+  >
+    <div
+      class="t-time-picker__group t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value="12:08:00"
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请输入"
+            type="text"
+            value="12:08:00"
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-time"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="time"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 6.5L12 12L15 15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\panel.tsx 1`] = `
+<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>
+        <ul
+          class="t-time-picker__panel-body-scroll"
+          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+        >
+          <li
+            class="t-time-picker__panel-body-scroll-item t-is-current"
+          >
+            00
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            01
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            02
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            03
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            04
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            05
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            06
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            07
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            08
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            09
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            10
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            11
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            12
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            13
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            14
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            15
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            16
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            17
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            18
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            19
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            20
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            21
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            22
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            23
+          </li>
+        </ul>
+        <ul
+          class="t-time-picker__panel-body-scroll"
+          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+        >
+          <li
+            class="t-time-picker__panel-body-scroll-item t-is-current"
+          >
+            00
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            01
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            02
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            03
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            04
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            05
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            06
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            07
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            08
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            09
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            10
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            11
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            12
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            13
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            14
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            15
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            16
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            17
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            18
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            19
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            20
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            21
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            22
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            23
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            24
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            25
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            26
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            27
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            28
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            29
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            30
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            31
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            32
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            33
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            34
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            35
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            36
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            37
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            38
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            39
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            40
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            41
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            42
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            43
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            44
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            45
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            46
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            47
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            48
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            49
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            50
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            51
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            52
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            53
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            54
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            55
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            56
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            57
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            58
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            59
+          </li>
+        </ul>
+        <ul
+          class="t-time-picker__panel-body-scroll"
+          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
+        >
+          <li
+            class="t-time-picker__panel-body-scroll-item t-is-current"
+          >
+            00
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            01
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            02
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            03
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            04
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            05
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            06
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            07
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            08
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            09
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            10
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            11
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            12
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            13
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            14
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            15
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            16
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            17
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            18
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            19
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            20
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            21
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            22
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            23
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            24
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            25
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            26
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            27
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            28
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            29
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            30
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            31
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            32
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            33
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            34
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            35
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            36
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            37
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            38
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            39
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            40
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            41
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            42
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            43
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            44
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            45
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            46
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            47
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            48
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            49
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            50
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            51
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            52
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            53
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            54
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            55
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            56
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            57
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            58
+          </li>
+          <li
+            class="t-time-picker__panel-body-scroll-item"
+          >
+            59
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\presets.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-time-picker"
+      >
+        <div
+          class="t-time-picker__group t-select-input"
+        >
+          <div
+            class="t-input__wrap"
+            spellcheck="false"
+            value="20:22"
+          >
+            <div
+              class="t-input t-align-left t-input--suffix"
+            >
+              <input
+                class="t-input__inner"
+                placeholder="请输入"
+                readonly=""
+                type="text"
+                value="20:22"
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-time-picker"
+        style="margin-top: 20px;"
+      >
+        <div
+          class="t-range-input-popup t-range-input-popup"
+          style="margin-top: 20px;"
+        >
+          <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"
+                spellcheck="false"
+                value="00:00:00"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="选择时间"
+                    readonly=""
+                    type="text"
+                    value="00:00:00"
+                  />
+                </div>
+              </div>
+              <div
+                class="t-range-input__inner-separator"
+              >
+                -
+              </div>
+              <div
+                class="t-input__wrap t-range-input__inner-right"
+                spellcheck="false"
+                value="23:59:59"
+              >
+                <div
+                  class="t-input t-is-readonly t-align-left"
+                >
+                  <input
+                    class="t-input__inner"
+                    placeholder="选择时间"
+                    readonly=""
+                    type="text"
+                    value="23:59:59"
+                  />
+                </div>
+              </div>
+              <span
+                class="t-range-input__suffix t-range-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-time"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="time"
+                  >
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M12 6.5L12 12L15 15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\range.tsx 1`] = `
+<div>
+  <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
+                class="t-input__inner"
+                placeholder="开始时间"
+                type="text"
+                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
+                class="t-input__inner"
+                placeholder="结束时间"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <span
+            class="t-range-input__suffix t-range-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-time"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="time"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 6.5L12 12L15 15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\show-steps.tsx 1`] = `
+<div>
+  <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
+            class="t-input__inner"
+            placeholder="选择时间"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-time"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="time"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 6.5L12 12L15 15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\twelve-hour-meridian.tsx 1`] = `
+<div>
+  <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
+            class="t-input__inner"
+            placeholder="选择时间"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-icon t-icon-time"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="time"
+              >
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <path
+                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M12 6.5L12 12L15 15"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'vertical'"
+                tabindex="-1"
+                type="radio"
+                value="vertical"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                垂直时间轴
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'horizontal'"
+                tabindex="-1"
+                type="radio"
+                value="horizontal"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                水平时间轴
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\customContent.tsx 1`] = `
+<div>
+  <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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </div>
+      <div
+        class="t-timeline-item__content"
+      >
+        <div>
+          事件一
+        </div>
+        <div
+          style="font-size: 12px; color: rgba(0, 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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </div>
+      <div
+        class="t-timeline-item__content"
+      >
+        <div>
+          事件二
+        </div>
+        <div
+          style="font-size: 12px; color: rgba(0, 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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </div>
+      <div
+        class="t-timeline-item__content"
+      >
+        <div>
+          事件三
+        </div>
+        <div
+          style="font-size: 12px; color: rgba(0, 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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </div>
+      <div
+        class="t-timeline-item__content"
+      >
+        <div>
+          事件四
+        </div>
+        <div
+          style="font-size: 12px; color: rgba(0, 0, 0, 0.6);"
+        >
+          事件四自定义内容
+        </div>
+        <div
+          class="t-timeline-item__label t-timeline-item__label--same"
+        >
+          2022-04-01
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\customDot.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'default'"
+                tabindex="-1"
+                type="radio"
+                value="default"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                默认样式
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'dot'"
+                tabindex="-1"
+                type="radio"
+                value="dot"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                Dot样式
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+                class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m"
+                color="var(--td-brand-color)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="tips"
+                >
+                  <path
+                    d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+                class="t-icon t-icon-user t-timeline-item__dot-content t-size-m"
+                color="var(--td-brand-color)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="user"
+                >
+                  <g
+                    id="fill1"
+                  >
+                    <path
+                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                      fill="transparent"
+                    />
+                    <path
+                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                      fill="transparent"
+                    />
+                  </g>
+                  <g
+                    id="stroke1"
+                  >
+                    <path
+                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+                class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m"
+                color="var(--td-brand-color)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="heart"
+                >
+                  <path
+                    clip-rule="evenodd"
+                    d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
+                    fill="transparent"
+                    fill-rule="evenodd"
+                    id="fill1"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
+                    fill-rule="evenodd"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+                class="t-icon t-icon-home t-timeline-item__dot-content t-size-m"
+                color="var(--td-brand-color)"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="home"
+                >
+                  <path
+                    d="M3 10L12 2.5L21 10V21H3V10Z"
+                    fill="transparent"
+                    id="fill1"
+                  />
+                  <path
+                    d="M9 14H15V21H9V14Z"
+                    fill="transparent"
+                    id="fill2"
+                  />
+                  <path
+                    d="M9 14H15V21H9V14Z"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M3 10L12 2.5L21 10V21H3V10Z"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\layout.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'vertical'"
+                tabindex="-1"
+                type="radio"
+                value="vertical"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                垂直时间轴
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'horizontal'"
+                tabindex="-1"
+                type="radio"
+                value="horizontal"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                水平时间轴
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'left'"
+                tabindex="-1"
+                type="radio"
+                value="left"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                左对齐
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'alternate'"
+                tabindex="-1"
+                type="radio"
+                value="alternate"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                交错对齐
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'right'"
+                tabindex="-1"
+                type="radio"
+                value="right"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                右对齐
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="'same'"
+                tabindex="-1"
+                type="radio"
+                value="same"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                同侧
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="'alternate'"
+                tabindex="-1"
+                type="radio"
+                value="alternate"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                交错
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\loading.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <h4>
+            加载中
+          </h4>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\reverse.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <h4>
+            是否倒序
+          </h4>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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
+              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+            />
+          </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\theme.tsx 1`] = `
+<div>
+  <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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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
+          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
+        />
+      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\arrow.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      默认文字提示
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
+  >
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; top: 0px; left: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; top: 0px; left: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top-left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; top: 0px; right: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        top-right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; bottom: 0px; left: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; bottom: 0px; left: 70px; width: 120px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom-left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; bottom: 0px; right: 70px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        bottom-right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; left: 0px; top: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; left: 0px; top: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left-top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; left: 0px; bottom: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        left-bottom
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; right: 0px; top: 42%;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; right: 0px; top: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right-top
+      </span>
+    </button>
+    <button
+      class="t-button t-button--theme-default t-button--variant-outline"
+      style="position: absolute; right: 0px; bottom: 50px;"
+      type="button"
+    >
+      <span
+        class="t-button__text"
+      >
+        right-bottom
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\duration.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-text t-popup-open"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      定时消失
+    </span>
+  </button>
+  <div
+    class="t-popup t-tooltip t-tooltip--default t-popup--animation-enter t-popup--animation-enter-active"
+    style="position: absolute; left: 0px; top: 0px;"
+  >
+    <div
+      class="t-popup__content t-popup__content--arrow"
+    >
+      提示在5秒后消失
+      <div
+        class="t-popup__arrow"
+        style="position: absolute;"
+      />
+    </div>
+  </div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      点击再次查看
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\lite.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                下方文字提示
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                上方文字提示
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                鼠标位置显示提示
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                无箭头文字提示
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                无投影文字提示
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                浅色模式
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                无箭头浅色模式
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div>
+            <div
+              class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"
+              disabled=""
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                不可用状态下提示
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\mouse.tsx 1`] = `
+<div>
+  <div>
+    <a
+      href="#"
+      id="testa"
+    >
+      文案比较长...
+    </a>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\no-arrow.tsx 1`] = `
+<div>
+  <button
+    class="t-button t-button--theme-default t-button--variant-outline"
+    type="button"
+  >
+    <span
+      class="t-button__text"
+    >
+      不带箭头等文字提示
+    </span>
+  </button>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\theme.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          default
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          primary
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-success t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          success
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-danger t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          danger
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-warning t-button--variant-base"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          warning
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          light
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\trigger.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-horizontal"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <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
+            class="t-input__inner"
+            placeholder="获得焦点时触发"
+            type="text"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          点击时触发
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          右击时触发
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 19 项
+          </span>
+        </div>
+        <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
+                class="t-checkbox__former"
+                data-value="'0'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容1
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容2
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容4
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容5
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'5'"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容6
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'6'"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容7
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'7'"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容8
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'8'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容9
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'9'"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容10
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'10'"
+                tabindex="-1"
+                type="checkbox"
+                value="10"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容11
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'11'"
+                tabindex="-1"
+                type="checkbox"
+                value="11"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容12
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'12'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="12"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容13
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'13'"
+                tabindex="-1"
+                type="checkbox"
+                value="13"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容14
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'14'"
+                tabindex="-1"
+                type="checkbox"
+                value="14"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容15
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'15'"
+                tabindex="-1"
+                type="checkbox"
+                value="15"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容16
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'16'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="16"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容17
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'17'"
+                tabindex="-1"
+                type="checkbox"
+                value="17"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容18
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'18'"
+                tabindex="-1"
+                type="checkbox"
+                value="18"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容19
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'19'"
+                tabindex="-1"
+                type="checkbox"
+                value="19"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容20
+                </span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 1 项
+          </span>
+        </div>
+        <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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容3
+                </span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\checked.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox t-is-indeterminate"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            3 / 20 项
+          </span>
+        </div>
+        <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
+                class="t-checkbox__former"
+                data-value="0"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容1
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-checkbox__former"
+                data-value="1"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容2
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-checkbox__former"
+                data-value="2"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容3
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-checkbox__former"
+                data-value="3"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容4
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="4"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容5
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="5"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容6
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="6"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容7
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="7"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容8
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="8"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容9
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="9"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容10
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="10"
+                tabindex="-1"
+                type="checkbox"
+                value="10"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容11
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="11"
+                tabindex="-1"
+                type="checkbox"
+                value="11"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容12
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="12"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="12"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容13
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="13"
+                tabindex="-1"
+                type="checkbox"
+                value="13"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容14
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="14"
+                tabindex="-1"
+                type="checkbox"
+                value="14"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容15
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="15"
+                tabindex="-1"
+                type="checkbox"
+                value="15"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容16
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="16"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="16"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容17
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="17"
+                tabindex="-1"
+                type="checkbox"
+                value="17"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容18
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="18"
+                tabindex="-1"
+                type="checkbox"
+                value="18"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容19
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="19"
+                tabindex="-1"
+                type="checkbox"
+                value="19"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容20
+                </span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline t-size-s"
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </button>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 0 项
+          </span>
+        </div>
+        <span />
+      </div>
+      <div
+        class="t-transfer__list-body"
+      >
+        <div
+          class="t-transfer__list-content narrow-scrollbar"
+        >
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\custom.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer t-transfer__footer"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </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
+                class="t-checkbox__former"
+                data-value="'0'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容1
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容2
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容3
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容4
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容5
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'5'"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容6
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'6'"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容7
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'7'"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容8
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'8'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容9
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'9'"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容10
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'10'"
+                tabindex="-1"
+                type="checkbox"
+                value="10"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容11
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'11'"
+                tabindex="-1"
+                type="checkbox"
+                value="11"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容12
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'12'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="12"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容13
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'13'"
+                tabindex="-1"
+                type="checkbox"
+                value="13"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容14
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'14'"
+                tabindex="-1"
+                type="checkbox"
+                value="14"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容15
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'15'"
+                tabindex="-1"
+                type="checkbox"
+                value="15"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容16
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'16'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="16"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容17
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'17'"
+                tabindex="-1"
+                type="checkbox"
+                value="17"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容18
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'18'"
+                tabindex="-1"
+                type="checkbox"
+                value="18"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容19
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'19'"
+                tabindex="-1"
+                type="checkbox"
+                value="19"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          加入
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <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
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </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>
+              暂无数据
+            </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\custom-render.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 20 项
+          </span>
+        </div>
+        <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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'0'"
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'5'"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'6'"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'7'"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'8'"
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'9'"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'10'"
+                tabindex="-1"
+                type="checkbox"
+                value="10"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'11'"
+                tabindex="-1"
+                type="checkbox"
+                value="11"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'12'"
+                tabindex="-1"
+                type="checkbox"
+                value="12"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'13'"
+                tabindex="-1"
+                type="checkbox"
+                value="13"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'14'"
+                tabindex="-1"
+                type="checkbox"
+                value="14"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'15'"
+                tabindex="-1"
+                type="checkbox"
+                value="15"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'16'"
+                tabindex="-1"
+                type="checkbox"
+                value="16"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'17'"
+                tabindex="-1"
+                type="checkbox"
+                value="17"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'18'"
+                tabindex="-1"
+                type="checkbox"
+                value="18"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'19'"
+                tabindex="-1"
+                type="checkbox"
+                value="19"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span />
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 0 项
+          </span>
+        </div>
+        <span />
+      </div>
+      <div
+        class="t-transfer__list-body"
+      >
+        <div
+          class="t-transfer__list-content narrow-scrollbar"
+        >
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\empty.tsx 1`] = `
+<div>
+  <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
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <span />
+        </div>
+        <div
+          class="t-transfer__list-body"
+        >
+          <div
+            class="t-transfer__list-content narrow-scrollbar"
+          >
+            <div
+              class="t-transfer__empty"
+            >
+              <span>
+                暂无数据
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="t-transfer__operations"
+      >
+        <div
+          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+      <div
+        class="t-transfer__list t-transfer__list-target"
+      >
+        <div
+          class="t-transfer__list-header"
+        >
+          <div>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <span />
+        </div>
+        <div
+          class="t-transfer__list-body"
+        >
+          <div
+            class="t-transfer__list-content narrow-scrollbar"
+          >
+            <div
+              class="t-transfer__empty"
+            >
+              <span>
+                暂无数据
+              </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
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <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
+          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <div
+          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+          disabled=""
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            <svg
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </span>
+        </div>
+      </div>
+      <div
+        class="t-transfer__list t-transfer__list-target"
+      >
+        <div
+          class="t-transfer__list-header"
+        >
+          <div>
+            <label
+              class="t-checkbox"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                tabindex="-1"
+                type="checkbox"
+                value=""
+              />
+              <span
+                class="t-checkbox__input"
+              />
+            </label>
+            <span>
+              0 / 0 项
+            </span>
+          </div>
+          <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\pagination.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer t-transfer__pagination"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 20 项
+          </span>
+        </div>
+        <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"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'0'"
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容1
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容2
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容3
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容4
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容5
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'5'"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容6
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'6'"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容7
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'7'"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容8
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'8'"
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容9
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'9'"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <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
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-pagination__jump"
+          >
+            跳至
+            <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"
+                  spellcheck="false"
+                  value="1"
+                >
+                  <div
+                    class="t-input t-size-s t-align-left"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder=""
+                      type="text"
+                      value="1"
+                    />
+                  </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
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 0 项
+          </span>
+        </div>
+        <span />
+      </div>
+      <div
+        class="t-transfer__list-body"
+      >
+        <div
+          class="t-transfer__list-content narrow-scrollbar"
+        >
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </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
+              class="t-icon t-icon-chevron-left"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-left"
+              >
+                <path
+                  d="M14.5 17.5L9 12L14.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-pagination__jump"
+          >
+            跳至
+            <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"
+                  spellcheck="false"
+                  value="1"
+                >
+                  <div
+                    class="t-input t-size-s t-align-left"
+                  >
+                    <input
+                      autocomplete="off"
+                      class="t-input__inner"
+                      placeholder=""
+                      type="text"
+                      value="1"
+                    />
+                  </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
+              class="t-icon t-icon-chevron-right"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="chevron-right"
+              >
+                <path
+                  d="M9.5 17.5L15 12L9.5 6.5"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\search.tsx 1`] = `
+<div>
+  <div
+    class="t-transfer t-transfer__search"
+  >
+    <div
+      class="t-transfer__list t-transfer__list-source"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 20 项
+          </span>
+        </div>
+        <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
+                class="t-input__inner"
+                placeholder="请输入关键词搜索"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-search"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </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
+                class="t-checkbox__former"
+                data-value="'0'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="0"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容1
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'1'"
+                tabindex="-1"
+                type="checkbox"
+                value="1"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容2
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'2'"
+                tabindex="-1"
+                type="checkbox"
+                value="2"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容3
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'3'"
+                tabindex="-1"
+                type="checkbox"
+                value="3"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容4
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'4'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="4"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容5
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'5'"
+                tabindex="-1"
+                type="checkbox"
+                value="5"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容6
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'6'"
+                tabindex="-1"
+                type="checkbox"
+                value="6"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容7
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'7'"
+                tabindex="-1"
+                type="checkbox"
+                value="7"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容8
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'8'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="8"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容9
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'9'"
+                tabindex="-1"
+                type="checkbox"
+                value="9"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容10
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'10'"
+                tabindex="-1"
+                type="checkbox"
+                value="10"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容11
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'11'"
+                tabindex="-1"
+                type="checkbox"
+                value="11"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容12
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'12'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="12"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容13
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'13'"
+                tabindex="-1"
+                type="checkbox"
+                value="13"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容14
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'14'"
+                tabindex="-1"
+                type="checkbox"
+                value="14"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容15
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'15'"
+                tabindex="-1"
+                type="checkbox"
+                value="15"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容16
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item t-is-disabled"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'16'"
+                disabled=""
+                tabindex="-1"
+                type="checkbox"
+                value="16"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容17
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'17'"
+                tabindex="-1"
+                type="checkbox"
+                value="17"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容18
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'18'"
+                tabindex="-1"
+                type="checkbox"
+                value="18"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容19
+                </span>
+              </span>
+            </label>
+            <label
+              class="t-checkbox t-transfer__list-item"
+              tabindex="0"
+            >
+              <input
+                class="t-checkbox__former"
+                data-value="'19'"
+                tabindex="-1"
+                type="checkbox"
+                value="19"
+              />
+              <span
+                class="t-checkbox__input"
+              />
+              <span
+                class="t-checkbox__label"
+              >
+                <span>
+                  内容20
+                </span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 0 项
+          </span>
+        </div>
+        <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
+                class="t-input__inner"
+                placeholder="请输入关键词搜索"
+                type="text"
+                value=""
+              />
+              <span
+                class="t-input__suffix t-input__suffix-icon"
+              >
+                <svg
+                  class="t-icon t-icon-search"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="search"
+                  >
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      fill="transparent"
+                      id="fill1"
+                    />
+                    <path
+                      d="M15.8027 15.8037L21.106 21.107"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-transfer__list-content narrow-scrollbar"
+        >
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\tree.tsx 1`] = `
+<div>
+  <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
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 5 项
+          </span>
+        </div>
+        <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"
+          >
+            暂无数据
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-transfer__operations"
+    >
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-right"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-right"
+            >
+              <path
+                d="M9.5 17.5L15 12L9.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+      <div
+        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
+        disabled=""
+        type="button"
+      >
+        <span
+          class="t-button__text"
+        >
+          <svg
+            class="t-icon t-icon-chevron-left"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="chevron-left"
+            >
+              <path
+                d="M14.5 17.5L9 12L14.5 6.5"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="t-transfer__list t-transfer__list-target"
+    >
+      <div
+        class="t-transfer__list-header"
+      >
+        <div>
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+          </label>
+          <span>
+            0 / 0 项
+          </span>
+        </div>
+        <span />
+      </div>
+      <div
+        class="t-transfer__list-body"
+      >
+        <div
+          class="t-transfer__list-content narrow-scrollbar"
+        >
+          <div
+            class="t-transfer__empty"
+          >
+            <span>
+              暂无数据
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\activable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-tree t-tree--hoverable t-tree--transition"
+  >
+    暂无数据
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\checkable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                  class="t-radio t-is-checked"
+                  tabindex="0"
+                >
+                  <input
+                    checked=""
+                    class="t-radio__former"
+                    data-value="'onlyLeaf'"
+                    tabindex="-1"
+                    type="radio"
+                    value="onlyLeaf"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <span
+                    class="t-radio__label"
+                  >
+                    onlyLeaf
+                  </span>
+                </label>
+                <label
+                  class="t-radio"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio__former"
+                    data-value="'parentFirst'"
+                    tabindex="-1"
+                    type="radio"
+                    value="parentFirst"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <span
+                    class="t-radio__label"
+                  >
+                    parentFirst
+                  </span>
+                </label>
+                <label
+                  class="t-radio"
+                  tabindex="0"
+                >
+                  <input
+                    class="t-radio__former"
+                    data-value="'all'"
+                    tabindex="-1"
+                    type="radio"
+                    value="all"
+                  />
+                  <span
+                    class="t-radio__input"
+                  />
+                  <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"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\controlled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value="1.1.1.1, 1.1.1.2"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value="1, 1.1, 1.1.1, 2"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value="2"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="2"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--checkable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\disabled.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\draggable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\empty.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--transition"
+      >
+        暂无数据
+      </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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-all.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `
+<div>
+  <div
+    class="t-tree t-tree--hoverable t-tree--transition"
+  >
+    暂无数据
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-mutex.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\filter.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+      >
+        暂无数据
+      </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\icon.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+      >
+        暂无数据
+      </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"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\label.tsx 1`] = `
+<div>
+  <div
+    class="t-tree t-tree--transition"
+  >
+    暂无数据
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\lazy.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          可选: 
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          严格模式: 
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-switch t-is-checked t-size-m"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="t-switch__handle"
+            />
+            <div
+              class="t-switch__content"
+            />
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\line.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3>
+        render
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\load.tsx 1`] = `
+<div>
+  <div
+    class="t-tree t-tree--hoverable t-tree--transition"
+  >
+    暂无数据
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\operations.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <style>
+        .tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}
+      </style>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                严格模式
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                允许多个节点同时高亮
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                插入节点使用高亮节点
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <span>
+                子节点展开触发父节点展开
+              </span>
+            </div>
+            <div
+              class="t-space-item"
+            >
+              <button
+                class="t-switch t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <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"
+              spellcheck="false"
+              value=""
+            >
+              <div
+                class="t-input t-align-left"
+              >
+                <input
+                  class="t-input__inner"
+                  placeholder="请输入"
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取 value 为 'node1' 的单个节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取所有节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点的所有子节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取所有高亮节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点下的选中节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              插入一个根节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点的父节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点的所有父节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点在子节点中的位置
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              选中高亮节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              展开高亮节点
+            </span>
+          </button>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              获取高亮节点与其子节点的数据
+            </span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <strong>
+            * 相关信息通过控制台输出
+          </strong>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\state.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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"
+      >
+        暂无数据
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <h3
+        class="title"
+      >
+        api:
+      </h3>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="operations"
+      >
+        <button
+          class="t-button t-button--theme-primary t-button--variant-base"
+          type="button"
+        >
+          <span
+            class="t-button__text"
+          >
+            插入一个根节点
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\sync.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 100%; gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value="{1.1.1.1}, {1.1.1.2}"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value="{1}, {1.1}, {1.1.1}, {2}"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              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"
+          spellcheck="false"
+          value="{2}"
+        >
+          <div
+            class="t-input t-align-left"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请输入"
+              type="text"
+              value="{2}"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree t-tree--checkable t-tree--transition"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\vscroll.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </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
+                class="t-switch t-is-checked t-size-m"
+                role="switch"
+                type="button"
+              >
+                <span
+                  class="t-switch__handle"
+                />
+                <div
+                  class="t-switch__content"
+                />
+              </button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-primary t-button--variant-base"
+        type="button"
+      >
+        <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;"
+      >
+        暂无数据
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-tree-select t-select-input"
+    style="width: 300px;"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value="广东省"
+    >
+      <div
+        class="t-input t-align-left t-input--suffix"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="请选择"
+          readonly=""
+          type="text"
+          value="广东省"
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\collapsed.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 300px; gap: 16px;"
+  >
+    <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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  +
+                  1
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span
+                  title="更多..."
+                >
+                  更多...
+                </span>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\filterable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 300px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'default'"
+            tabindex="-1"
+            type="radio"
+            value="default"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            默认
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'function'"
+            tabindex="-1"
+            type="radio"
+            value="function"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            自定义方法
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree-select t-select-input t-select-input--empty"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <div
+            class="t-input t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            />
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            >
+              请选择
+            </span>
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\lazy.tsx 1`] = `
+<div>
+  <div
+    style="width: 300px;"
+  >
+    <div
+      class="t-tree-select t-select-input"
+    >
+      <div
+        class="t-input__wrap"
+        spellcheck="false"
+        value=""
+      >
+        <div
+          class="t-input t-align-left t-input--suffix"
+        >
+          <input
+            class="t-input__inner"
+            placeholder="请选择"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <span
+            class="t-input__suffix t-input__suffix-icon"
+          >
+            <svg
+              class="t-fake-arrow"
+              fill="none"
+              height="16"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                stroke="black"
+                stroke-opacity="0.9"
+                stroke-width="1.3"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\multiple.tsx 1`] = `
+<div>
+  <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"
+      spellcheck="false"
+      value=""
+    >
+      <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
+              class="t-icon t-icon-close t-tag__icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-tag t-tag--default t-tag--dark"
+          >
+            <span
+              title="深圳市"
+            >
+              深圳市
+            </span>
+            <svg
+              class="t-icon t-icon-close t-tag__icon-close"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="close"
+              >
+                <path
+                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <input
+          class="t-input__inner t-input--soft-hidden"
+          placeholder=""
+          readonly=""
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__input-pre"
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\panelContent.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 300px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree-select t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="广州市"
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              type="text"
+              value="广州市"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\prefix.tsx 1`] = `
+<div>
+  <div
+    class="t-tree-select t-select-input"
+    style="width: 300px;"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-align-left t-input--prefix t-input--suffix"
+      >
+        <div
+          class="t-input__prefix"
+        >
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+        <input
+          class="t-input__inner"
+          placeholder="请输入"
+          readonly=""
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\prefixsuffix.tsx 1`] = `
+<div>
+  <div
+    class="t-tree-select t-select-input t-select-input--empty"
+    style="width: 300px;"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value=""
+    >
+      <div
+        class="t-input t-align-left t-input--prefix t-input--suffix"
+      >
+        <div
+          class="t-input__prefix"
+        >
+          <svg
+            class="t-icon t-icon-user"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="user"
+            >
+              <g
+                id="fill1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  fill="transparent"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  fill="transparent"
+                />
+              </g>
+              <g
+                id="stroke1"
+              >
+                <path
+                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <path
+                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </g>
+          </svg>
+        </div>
+        <input
+          class="t-input__inner"
+          placeholder="请输入"
+          readonly=""
+          type="text"
+          value=""
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-icon t-icon-caret-down-small"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <path
+              d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
+              fill="currentColor"
+              id="caret-down-small"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\props.tsx 1`] = `
+<div>
+  <div
+    class="t-tree-select t-select-input"
+    style="width: 300px;"
+  >
+    <div
+      class="t-input__wrap"
+      spellcheck="false"
+      value="深圳市"
+    >
+      <div
+        class="t-input t-align-left t-input--suffix"
+      >
+        <input
+          class="t-input__inner"
+          placeholder="请选择"
+          readonly=""
+          type="text"
+          value="深圳市"
+        />
+        <span
+          class="t-input__suffix t-input__suffix-icon"
+        >
+          <svg
+            class="t-fake-arrow"
+            fill="none"
+            height="16"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+              stroke="black"
+              stroke-opacity="0.9"
+              stroke-width="1.3"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\valuedisplay.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 300px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree-select t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value=" "
+        >
+          <div
+            class="t-input t-align-left t-input--prefix t-input--suffix"
+          >
+            <div
+              class="t-input__prefix"
+            >
+              广州市(guangzhou)
+            </div>
+            <input
+              class="t-input__inner"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=" "
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span>
+                  深圳市
+                  (
+                  shenzhen
+                  )
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\valuetype.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="width: 300px; gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-tree-select t-select-input"
+      >
+        <div
+          class="t-input__wrap"
+          spellcheck="false"
+          value="深圳市"
+        >
+          <div
+            class="t-input t-align-left t-input--suffix"
+          >
+            <input
+              class="t-input__inner"
+              placeholder="请选择"
+              readonly=""
+              type="text"
+              value="深圳市"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </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"
+          spellcheck="false"
+          value=""
+        >
+          <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
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <div
+                class="t-tag t-tag--default t-tag--dark"
+              >
+                <span
+                  title="深圳市"
+                >
+                  深圳市
+                </span>
+                <svg
+                  class="t-icon t-icon-close t-tag__icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+            <input
+              class="t-input__inner t-input--soft-hidden"
+              placeholder=""
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="t-input__input-pre"
+            />
+            <span
+              class="t-input__suffix t-input__suffix-icon"
+            >
+              <svg
+                class="t-fake-arrow"
+                fill="none"
+                height="16"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
+                  stroke="black"
+                  stroke-opacity="0.9"
+                  stroke-width="1.3"
+                />
+              </svg>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\base.tsx 1`] = `
+<div>
+  <h1
+    class="t-typography"
+  >
+    What is TDesign
+  </h1>
+  <span
+    class="t-typography"
+  >
+    <mark>
+      TDesign is an enterprise-level design system accumulated by Tencent'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
+    class="t-space t-space-vertical"
+    style="gap: 12px;"
+  >
+    <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\copyable.tsx 1`] = `
+<div>
+  <span
+    class=""
+  >
+    This is a copyable text.
+    <button
+      class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-copy"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="copy"
+        >
+          <path
+            d="M10 10H21V21H10z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M10 10H21V21H10V10Z"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+          <path
+            d="M14 6.5V3L3 3L3 14H6.5"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </span>
+  <br />
+  <div
+    class=""
+    style="display: inline-block; width: 50%;"
+  >
+    <span
+      class="t-typography-ellipsis"
+      width="0"
+    >
+      <span
+        style="display: block; max-width: unset;"
+      />
+      <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' roles.
+      </span>
+      <span
+        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
+      >
+        <span
+          class="t-typography-ellipsis-symbol-wrapper"
+        >
+          ...
+          <span
+            class="t-typography-ellipsis-symbol"
+          />
+        </span>
+      </span>
+    </span>
+  </div>
+  <button
+    class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
+    type="button"
+  >
+    <svg
+      class="t-icon t-icon-copy"
+      fill="none"
+      height="1em"
+      style="fill: none;"
+      viewBox="0 0 24 24"
+      width="1em"
+    >
+      <g
+        id="copy"
+      >
+        <path
+          d="M10 10H21V21H10z"
+          fill="transparent"
+          id="fill1"
+        />
+        <path
+          d="M10 10H21V21H10V10Z"
+          id="stroke1"
+          stroke="currentColor"
+          stroke-linecap="square"
+          stroke-width="2"
+        />
+        <path
+          d="M14 6.5V3L3 3L3 14H6.5"
+          id="stroke2"
+          stroke="currentColor"
+          stroke-linecap="square"
+          stroke-width="2"
+        />
+      </g>
+    </svg>
+  </button>
+  <br />
+  <span
+    class=""
+  >
+    This is a copyable long text with custom suffix.
+    <button
+      class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
+      type="button"
+    >
+      <svg
+        class="t-icon t-icon-angry"
+        fill="none"
+        height="1em"
+        style="fill: none;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="angry"
+        >
+          <path
+            d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+            fill="transparent"
+            id="fill1"
+          />
+          <path
+            d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+          <path
+            d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16"
+            id="stroke2"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </button>
+  </span>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\ellipsis.tsx 1`] = `
+<div>
+  <div
+    class="t-typography"
+  >
+    <span
+      class="t-typography-ellipsis"
+      width="0"
+    >
+      <span
+        style="display: block; max-width: unset;"
+      />
+      <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' roles.
+      </span>
+      <span
+        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
+      >
+        <span
+          class="t-typography-ellipsis-symbol-wrapper"
+        >
+          ...
+          <span
+            class="t-typography-ellipsis-symbol"
+          />
+        </span>
+      </span>
+    </span>
+  </div>
+  <div
+    class="t-typography"
+  >
+    <span
+      class="t-typography-ellipsis"
+      width="0"
+    >
+      <span
+        style="display: block; max-width: unset;"
+      />
+      <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' roles.
+      </span>
+      <span
+        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
+      >
+        <span
+          class="t-typography-ellipsis-symbol-wrapper"
+        >
+          ...
+          <span
+            class="t-typography-ellipsis-symbol"
+          >
+            <button
+              class="t-button t-button--theme-primary t-button--variant-text"
+              style="padding: 0px; height: 1em;"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                more
+              </span>
+            </button>
+          </span>
+        </span>
+      </span>
+    </span>
+  </div>
+  <div
+    class=""
+    style="width: 300px; display: block;"
+  >
+    <span
+      class="t-typography-ellipsis"
+      width="0"
+    >
+      <span
+        style="display: block; max-width: unset;"
+      />
+      <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' roles.
+      </span>
+      <span
+        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
+      >
+        <span
+          class="t-typography-ellipsis-symbol-wrapper"
+        >
+          <span
+            class="t-trigger"
+          >
+            ...
+          </span>
+          <span
+            class="t-typography-ellipsis-symbol"
+          />
+        </span>
+      </span>
+    </span>
+  </div>
+  <div
+    class="t-typography"
+  >
+    <span
+      class="t-typography-ellipsis"
+      width="0"
+    >
+      <span
+        style="display: block; max-width: unset;"
+      />
+      <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' roles.
+      </span>
+      <span
+        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
+      >
+        <span
+          class="t-typography-ellipsis-symbol-wrapper"
+        >
+          ...
+          <span
+            class="t-typography-ellipsis-symbol"
+          >
+            <span>
+              <svg
+                class="t-icon t-icon-chevron-down"
+                fill="none"
+                height="1em"
+                style="fill: none; margin-left: 4px; font-size: 16px;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="chevron-down"
+                >
+                  <path
+                    d="M17.5 9.5L12 15L6.5 9.5"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+            </span>
+          </span>
+        </span>
+      </span>
+    </span>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\text.tsx 1`] = `
+<div>
+  <div
+    class="t-space vertical-demo t-space-vertical"
+    style="gap: 12px;"
+  >
+    <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\title.tsx 1`] = `
+<div>
+  <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>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\base.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-radio-group t-size-m t-radio-group--filled"
+          >
+            <label
+              class="t-radio-button t-is-checked"
+              tabindex="0"
+            >
+              <input
+                checked=""
+                class="t-radio-button__former"
+                data-value="false"
+                tabindex="-1"
+                type="radio"
+                value="0"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                单文件上传
+              </span>
+            </label>
+            <label
+              class="t-radio-button"
+              tabindex="0"
+            >
+              <input
+                class="t-radio-button__former"
+                data-value="true"
+                tabindex="-1"
+                type="radio"
+                value="1"
+              />
+              <span
+                class="t-radio-button__input"
+              />
+              <span
+                class="t-radio-button__label"
+              >
+                多文件上传
+              </span>
+            </label>
+            <div
+              class="t-radio-group__bg-block"
+              style="width: 0px; height: 0px; left: 0px; top: 0px;"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              禁用状态
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+          >
+            <input
+              hidden=""
+              type="file"
+            />
+            <div
+              class="t-upload__single t-upload__single-file"
+            >
+              <div
+                class="t-upload__trigger"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-outline"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-upload"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="upload"
+                    >
+                      <path
+                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M20.5 15V20H3.5V15"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-button__text"
+                  >
+                    选择文件
+                  </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
+              hidden=""
+              type="file"
+            />
+            <div
+              class="t-upload__single t-upload__single-file"
+            >
+              <div
+                class="t-upload__trigger"
+              >
+                <button
+                  class="t-button t-button--theme-primary t-button--variant-base"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-upload"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="upload"
+                    >
+                      <path
+                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M20.5 15V20H3.5V15"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-button__text"
+                  >
+                    重新选择
+                  </span>
+                </button>
+              </div>
+              <div
+                class="t-upload__single-display-text t-upload__display-text--margin"
+              >
+                <a
+                  class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color"
+                  href="https://tdesign.gtimg.com/site/source/figma-pc.png"
+                  target="_blank"
+                >
+                  这是一个默认文件
+                </a>
+                <svg
+                  class="t-icon t-icon-close t-upload__icon-delete"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+            style="margin-left: 60px;"
+          >
+            <input
+              hidden=""
+              type="file"
+            />
+            <div
+              class="t-upload__single t-upload__single-file"
+            >
+              <div
+                class="t-upload__trigger"
+              >
+                <button
+                  class="t-button t-button--theme-default t-button--variant-outline"
+                  type="button"
+                >
+                  <svg
+                    class="t-icon t-icon-upload"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <g
+                      id="upload"
+                    >
+                      <path
+                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                        id="stroke1"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                      <path
+                        d="M20.5 15V20H3.5V15"
+                        id="stroke2"
+                        stroke="currentColor"
+                        stroke-linecap="square"
+                        stroke-width="2"
+                      />
+                    </g>
+                  </svg>
+                  <span
+                    class="t-button__text"
+                  >
+                    选择文件
+                  </span>
+                </button>
+              </div>
+              <small
+                class="t-upload__tips t-size-s t-upload__placeholder"
+              >
+                文件上传失败示例
+              </small>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\custom-drag.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <button
+        class="t-button t-button--theme-default t-button--variant-outline"
+        type="button"
+      >
+        <svg
+          class="t-icon t-icon-cloud-upload"
+          fill="none"
+          height="1em"
+          style="fill: none;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="cloud-upload"
+          >
+            <path
+              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M8 15L12 11L16 15M12 22V12.25"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        <span
+          class="t-button__text"
+        >
+          点击上传
+        </span>
+      </button>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-upload"
+      >
+        <input
+          hidden=""
+          type="file"
+        />
+        <div
+          class="t-upload__dragger t-upload__dragger-center"
+        >
+          <div
+            class="t-upload__trigger"
+          >
+            <button
+              class="t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                自定义拖拽区域
+              </span>
+            </button>
+            <br />
+            <br />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\draggable.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div>
+        是否自动上传：
+        <button
+          class="t-switch t-size-m"
+          role="switch"
+          type="button"
+        >
+          <span
+            class="t-switch__handle"
+          />
+          <div
+            class="t-switch__content"
+          />
+        </button>
+      </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-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'file'"
+            tabindex="-1"
+            type="radio"
+            value="file"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            文件拖拽上传
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'image'"
+            tabindex="-1"
+            type="radio"
+            value="image"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            图片拖拽上传
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <br />
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+          >
+            <input
+              hidden=""
+              type="file"
+            />
+            <div
+              class="t-upload__dragger t-upload__dragger-center"
+            >
+              <div
+                class="t-upload__trigger"
+              >
+                <div>
+                  <span
+                    class="t-upload--highlight"
+                  >
+                    点击上传
+                  </span>
+                  <span>
+                      /  
+                    拖拽到此区域
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+          >
+            <input
+              hidden=""
+              type="file"
+            />
+            <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
+                      class="t-icon t-icon-check-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                  </div>
+                  <small
+                    class="t-size-s"
+                  >
+                    文件大小
+                    ：
+                    1.0 KB
+                  </small>
+                  <small
+                    class="t-size-s"
+                  >
+                    上传日期
+                    ：
+                    2022-09-25
+                  </small>
+                  <div
+                    class="t-upload__dragger-btns"
+                  />
+                  <div
+                    class="t-upload__dragger-btns"
+                  >
+                    <a
+                      class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color"
+                    >
+                      重新选择
+                    </a>
+                    <a
+                      class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color"
+                    >
+                      删除
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\file-flow-list.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal t-space--break-line"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              禁用状态
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              自动上传
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              显示文件缩略图
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              允许上传同名文件
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              整体替换上传
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+          hidden=""
+          multiple=""
+          type="file"
+        />
+        <div
+          class="t-upload__flow t-upload__flow-file-flow"
+        >
+          <div
+            class="t-upload__flow-op"
+          >
+            <div
+              class="t-upload__trigger"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-outline"
+                type="button"
+              >
+                <svg
+                  class="t-icon t-icon-upload"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="upload"
+                  >
+                    <path
+                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20.5 15V20H3.5V15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <span
+                  class="t-button__text"
+                >
+                  选择文件
+                </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"
+            >
+              点击上方“选择文件”或将文件拖拽到此区域
+            </div>
+          </div>
+          <div
+            class="t-upload__flow-bottom"
+          >
+            <div
+              class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"
+              disabled=""
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                取消上传
+              </span>
+            </div>
+            <div
+              class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"
+              disabled=""
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                点击上传
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\image.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              禁用状态
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              多个文件一个请求上传
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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-space t-space-vertical"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-space t-space-horizontal"
+            style="gap: 16px;"
+          >
+            <div
+              class="t-space-item"
+            >
+              <div
+                class="t-upload"
+              >
+                <input
+                  accept="image/*"
+                  hidden=""
+                  type="file"
+                />
+                <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
+                          class="t-icon t-icon-add"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add"
+                          >
+                            <path
+                              d="M12 5L12 19M19 12L5 12"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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
+                  accept="image/*"
+                  hidden=""
+                  type="file"
+                />
+                <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
+                          class="t-icon t-icon-add"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="add"
+                          >
+                            <path
+                              d="M12 5L12 19M19 12L5 12"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </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>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+          >
+            <input
+              accept="image/*"
+              hidden=""
+              type="file"
+            />
+            <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
+                        class="t-image t-image--fit-contain t-image--position-center"
+                        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                      />
+                      <div
+                        class="t-image__loading"
+                      >
+                        <div
+                          class="t-space t-space-align-center t-space-vertical"
+                          style="gap: 8px;"
+                        >
+                          <div
+                            class="t-space-item"
+                          >
+                            <svg
+                              class="t-icon t-icon-image"
+                              fill="none"
+                              height="1em"
+                              style="fill: none; font-size: 24px;"
+                              viewBox="0 0 24 24"
+                              width="1em"
+                            >
+                              <g
+                                id="image"
+                              >
+                                <path
+                                  d="M3 21H20L9 10L3 16V21Z"
+                                  fill="transparent"
+                                  id="fill1"
+                                />
+                                <circle
+                                  cx="15.75"
+                                  cy="8.25"
+                                  fill="transparent"
+                                  id="fill2"
+                                  r="2"
+                                />
+                                <path
+                                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                  id="stroke1"
+                                  stroke="currentColor"
+                                  stroke-width="2"
+                                />
+                                <circle
+                                  cx="15.75"
+                                  cy="8.25"
+                                  id="stroke2"
+                                  r="2"
+                                  stroke="currentColor"
+                                  stroke-width="2"
+                                />
+                              </g>
+                            </svg>
+                          </div>
+                          <div
+                            class="t-space-item"
+                          >
+                            图片加载中
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="t-upload__card-mask"
+                    >
+                      <span
+                        class="t-upload__card-mask-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-browse"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            clip-path="url(#clip0_543_7945)"
+                            id="browse"
+                          >
+                            <path
+                              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                              fill="transparent"
+                              id="fill2"
+                            />
+                            <path
+                              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                      <span
+                        class="t-upload__card-mask-item-divider"
+                      />
+                      <span
+                        class="t-upload__card-mask-item"
+                      >
+                        <svg
+                          class="t-icon t-icon-delete"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="delete"
+                          >
+                            <path
+                              d="M5 5H19L18.5 22H5.5L5 5Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <path
+                              d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <path
+                              d="M12 9V18"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </span>
+                    </div>
+                  </div>
+                  <a
+                    class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color"
+                    href="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    target="_blank"
+                  >
+                    default.jpeg
+                  </a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <div
+            class="t-upload"
+          >
+            <input
+              accept="image/*"
+              hidden=""
+              multiple=""
+              type="file"
+            />
+            <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
+                      class="t-icon t-icon-add"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="add"
+                      >
+                        <path
+                          d="M12 5L12 19M19 12L5 12"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-linecap="square"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                    <p
+                      class="t-size-s t-upload__add-text"
+                    >
+                      点击上传图片
+                    </p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <small
+              class="t-upload__tips t-size-s"
+            >
+              允许选择多张图片文件上传，最多只能上传 3 张图片
+            </small>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\img-flow-list.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <div>
+            AutoUpload
+            <button
+              class="t-switch t-size-m"
+              role="switch"
+              type="button"
+            >
+              <span
+                class="t-switch__handle"
+              />
+              <div
+                class="t-switch__content"
+              />
+            </button>
+          </div>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="true"
+              tabindex="-1"
+              type="checkbox"
+              value="1"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              Show Image Name
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              data-value="true"
+              tabindex="-1"
+              type="checkbox"
+              value="1"
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+          accept="image/*"
+          hidden=""
+          multiple=""
+          type="file"
+        />
+        <div
+          class="t-upload__flow t-upload__flow-image-flow"
+        >
+          <div
+            class="t-upload__flow-op"
+          >
+            <div
+              class="t-upload__trigger"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-outline"
+                type="button"
+              >
+                <svg
+                  class="t-icon t-icon-upload"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="upload"
+                  >
+                    <path
+                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20.5 15V20H3.5V15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <span
+                  class="t-button__text"
+                >
+                  继续选择
+                </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
+                      class="t-image t-image--fit-contain t-image--position-center"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-browse"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          clip-path="url(#clip0_543_7945)"
+                          id="browse"
+                        >
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            fill="transparent"
+                            id="fill2"
+                          />
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span
+                        class="t-upload__card-mask-item-divider"
+                      />
+                    </span>
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+                <p
+                  class="t-upload__card-name t-upload__flow-status"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </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
+                      class="t-image t-image--fit-contain t-image--position-center"
+                      src="https://tdesign.gtimg.com/site/avatar.jpg"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-browse"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          clip-path="url(#clip0_543_7945)"
+                          id="browse"
+                        >
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            fill="transparent"
+                            id="fill2"
+                          />
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span
+                        class="t-upload__card-mask-item-divider"
+                      />
+                    </span>
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+                <p
+                  class="t-upload__card-name t-upload__flow-status"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </svg>
+                  avatar.jpg
+                </p>
+              </li>
+            </ul>
+          </div>
+          <div
+            class="t-upload__flow-bottom"
+          >
+            <div
+              class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"
+              disabled=""
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                取消上传
+              </span>
+            </div>
+            <button
+              class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                点击上传
+              </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
+          hidden=""
+          type="file"
+        />
+        <div
+          class="t-upload__flow t-upload__flow-image-flow"
+        >
+          <div
+            class="t-upload__flow-op"
+          >
+            <div
+              class="t-upload__trigger"
+            >
+              <button
+                class="t-button t-button--theme-default t-button--variant-outline"
+                type="button"
+              >
+                <svg
+                  class="t-icon t-icon-upload"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="upload"
+                  >
+                    <path
+                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                    <path
+                      d="M20.5 15V20H3.5V15"
+                      id="stroke2"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+                <span
+                  class="t-button__text"
+                >
+                  重新选择
+                </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
+                      class="t-image t-image--fit-contain t-image--position-center"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-browse"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          clip-path="url(#clip0_543_7945)"
+                          id="browse"
+                        >
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            fill="transparent"
+                            id="fill2"
+                          />
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span
+                        class="t-upload__card-mask-item-divider"
+                      />
+                    </span>
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+                <p
+                  class="t-upload__card-name t-upload__flow-status"
+                >
+                  <svg
+                    class="t-icon t-icon-check-circle-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
+                      fill="currentColor"
+                    />
+                  </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
+                      class="t-image t-image--fit-contain t-image--position-center"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                    />
+                    <div
+                      class="t-image__loading"
+                    >
+                      <div
+                        class="t-space t-space-align-center t-space-vertical"
+                        style="gap: 8px;"
+                      >
+                        <div
+                          class="t-space-item"
+                        >
+                          <svg
+                            class="t-icon t-icon-image"
+                            fill="none"
+                            height="1em"
+                            style="fill: none; font-size: 24px;"
+                            viewBox="0 0 24 24"
+                            width="1em"
+                          >
+                            <g
+                              id="image"
+                            >
+                              <path
+                                d="M3 21H20L9 10L3 16V21Z"
+                                fill="transparent"
+                                id="fill1"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                fill="transparent"
+                                id="fill2"
+                                r="2"
+                              />
+                              <path
+                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                                id="stroke1"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                              <circle
+                                cx="15.75"
+                                cy="8.25"
+                                id="stroke2"
+                                r="2"
+                                stroke="currentColor"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item"
+                    >
+                      <svg
+                        class="t-icon t-icon-browse"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          clip-path="url(#clip0_543_7945)"
+                          id="browse"
+                        >
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            fill="transparent"
+                            id="fill2"
+                          />
+                          <path
+                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                      <span
+                        class="t-upload__card-mask-item-divider"
+                      />
+                    </span>
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+                <p
+                  class="t-upload__card-name t-upload__flow-status"
+                >
+                  <svg
+                    class="t-icon t-icon-time-filled"
+                    fill="none"
+                    height="1em"
+                    style="fill: none;"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                  >
+                    <path
+                      d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"
+                      fill="currentColor"
+                    />
+                  </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"
+                        height="1em"
+                        version="1.1"
+                        viewBox="0 0 12 12"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <foreignobject
+                          height="12"
+                          width="12"
+                          x="0"
+                          y="0"
+                        >
+                          <div
+                            class="t-loading__gradient-conic"
+                          />
+                        </foreignobject>
+                      </svg>
+                    </div>
+                    <p>
+                      上传中
+                       10%
+                    </p>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </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
+                      class="t-icon t-icon-error-circle-filled"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <path
+                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
+                        fill="currentColor"
+                      />
+                    </svg>
+                    <p>
+                      上传失败
+                    </p>
+                  </div>
+                  <div
+                    class="t-upload__card-mask"
+                  >
+                    <span
+                      class="t-upload__card-mask-item t-upload__delete"
+                    >
+                      <svg
+                        class="t-icon t-icon-delete"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="delete"
+                        >
+                          <path
+                            d="M5 5H19L18.5 22H5.5L5 5Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M12 9V18"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+                <p
+                  class="t-upload__card-name t-upload__flow-status"
+                >
+                  loading.svg
+                </p>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\request-method.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 24px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-radio-group t-size-m t-radio-group--filled"
+      >
+        <label
+          class="t-radio-button t-is-checked"
+          tabindex="0"
+        >
+          <input
+            checked=""
+            class="t-radio-button__former"
+            data-value="'requestSuccessMethod'"
+            tabindex="-1"
+            type="radio"
+            value="requestSuccessMethod"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上传成功示例
+          </span>
+        </label>
+        <label
+          class="t-radio-button"
+          tabindex="0"
+        >
+          <input
+            class="t-radio-button__former"
+            data-value="'requestFailMethod'"
+            tabindex="-1"
+            type="radio"
+            value="requestFailMethod"
+          />
+          <span
+            class="t-radio-button__input"
+          />
+          <span
+            class="t-radio-button__label"
+          >
+            上传失败示例
+          </span>
+        </label>
+        <div
+          class="t-radio-group__bg-block"
+          style="width: 0px; height: 0px; left: 0px; top: 0px;"
+        />
+      </div>
+    </div>
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-upload"
+      >
+        <input
+          hidden=""
+          type="file"
+        />
+        <div
+          class="t-upload__single t-upload__single-file"
+        >
+          <div
+            class="t-upload__trigger"
+          >
+            <button
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <svg
+                class="t-icon t-icon-upload"
+                fill="none"
+                height="1em"
+                style="fill: none;"
+                viewBox="0 0 24 24"
+                width="1em"
+              >
+                <g
+                  id="upload"
+                >
+                  <path
+                    d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
+                    id="stroke1"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M20.5 15V20H3.5V15"
+                    id="stroke2"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </svg>
+              <span
+                class="t-button__text"
+              >
+                选择文件
+              </span>
+            </button>
+          </div>
+          <small
+            class="t-upload__tips t-size-s t-upload__placeholder"
+          >
+            自定义上传方法需要返回成功或失败信息
+          </small>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\single-custom.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-upload"
+      >
+        <input
+          hidden=""
+          multiple=""
+          type="file"
+        />
+        <div
+          class="t-upload__trigger"
+        >
+          <button
+            class="t-button t-button--theme-primary t-button--variant-base"
+            type="button"
+          >
+            <span
+              class="t-button__text"
+            >
+              自定义上传
+            </span>
+          </button>
+        </div>
+        <small
+          class="t-upload__tips t-size-s"
+        >
+          上传文件大小在 1M 以内
+        </small>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\single-input.tsx 1`] = `
+<div>
+  <div
+    class="t-space t-space-vertical"
+    style="gap: 16px;"
+  >
+    <div
+      class="t-space-item"
+    >
+      <div
+        class="t-space t-space-horizontal"
+        style="gap: 16px;"
+      >
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox t-is-checked"
+            tabindex="0"
+          >
+            <input
+              checked=""
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <span
+              class="t-checkbox__label"
+            >
+              自动上传
+            </span>
+          </label>
+        </div>
+        <div
+          class="t-space-item"
+        >
+          <label
+            class="t-checkbox"
+            tabindex="0"
+          >
+            <input
+              class="t-checkbox__former"
+              tabindex="-1"
+              type="checkbox"
+              value=""
+            />
+            <span
+              class="t-checkbox__input"
+            />
+            <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
+          hidden=""
+          type="file"
+        />
+        <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
+              class="t-button t-button--theme-default t-button--variant-outline"
+              type="button"
+            >
+              <span
+                class="t-button__text"
+              >
+                选择文件
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`ssr snapshot test > ssr test packages/components/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">Affixed: <!-- -->false</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/breadcrumb/_example/custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/breadcrumb/_example/ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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"><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-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-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></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/components/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"><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-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-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></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/components/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"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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/components/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-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/components/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/components/cascader/_example/custom-options.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--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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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/components/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/components/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/components/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-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/components/cascader/_example/load.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" 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/components/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/components/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/components/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/components/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-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/components/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-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-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-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/components/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-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-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/components/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-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/components/cascader/_example/value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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/components/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/components/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/components/checkbox/_example/group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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/components/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/components/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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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/components/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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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/components/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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/components/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/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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></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/components/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/components/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/components/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></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></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/components/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/components/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></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/components/descriptions/_example/table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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/components/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/components/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/components/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/components/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/components/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/components/dialog/_example/modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/divider/_example/size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/drawer/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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">暂无数据</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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">暂无数据</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/components/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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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/components/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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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-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="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="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/components/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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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/components/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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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/components/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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/components/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></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/components/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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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-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="请选择" 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/components/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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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/components/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/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/list/_example/virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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/components/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/components/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/components/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/popup/_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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/components/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/components/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/components/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/components/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/components/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/components/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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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/components/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/components/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/components/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 class="t-space-item"><button id="trigger-element" 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></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/progress/_example/circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/popover.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/components/qrcode/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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></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></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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></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></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></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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-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="请选择" 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/components/select/_example/creatable.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-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: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-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/components/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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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;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="请选择" 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/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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/components/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/components/select/_example/group.tsx 1`] = `"<div style="width:800px;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-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: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-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/components/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-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 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="请选择" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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"><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" 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="请选择" 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/components/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="请选择" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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 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/components/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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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/components/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-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-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/components/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-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-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/components/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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/select/_example/remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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/components/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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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/components/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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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/components/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-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-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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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-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-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-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-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/components/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-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-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-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-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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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/components/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/components/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/components/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/switch/_example/describe.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">ON</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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/breadcrumb/_example/custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/breadcrumb/_example/ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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/components/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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/components/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-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"><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-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-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></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/components/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">暂无数据</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/components/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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/components/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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"><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-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-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></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/components/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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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/components/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"><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-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-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></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/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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"><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-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-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></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/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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"><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-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-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></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/components/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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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><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><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></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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"><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-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-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></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/components/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/components/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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/components/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/components/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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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></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/components/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/components/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/components/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/components/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></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></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/components/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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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/components/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/components/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/components/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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tabs/_example/lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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/components/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-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/components/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/components/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-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/components/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-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></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-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></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/cascader/_example/custom-options.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--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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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/components/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-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/components/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="请输入" 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/components/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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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/components/cascader/_example/load.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" 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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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-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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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-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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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/components/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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/cascader/_example/value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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/components/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/components/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/components/tag-input/_example/max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/checkbox/_example/group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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/components/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/components/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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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></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/components/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/components/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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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/components/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></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></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></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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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></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/components/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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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-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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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/components/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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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/components/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">选择文件</span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">Affixed: <!-- -->false</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\breadcrumb\\_example\\custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\breadcrumb\\_example\\ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\calendar\\_example\\base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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-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\\components\\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\\components\\cascader\\_example\\custom-options.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--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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\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-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\\components\\cascader\\_example\\load.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" 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\\components\\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\\components\\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\\components\\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\\components\\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-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\\components\\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-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-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-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\\components\\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-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-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\\components\\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-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\\components\\cascader\\_example\\value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\checkbox\\_example\\group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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\\components\\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\\components\\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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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\\components\\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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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/components/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\\components\\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/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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\\components\\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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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/components/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\config-provider\\_example\\calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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/components/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\\components\\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/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\config-provider\\_example\\input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\date-picker\\_example\\range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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></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\\components\\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></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/components/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\\components\\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/components/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\\components\\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/components/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></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></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\\components\\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></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></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/components/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\\components\\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/components/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></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\\components\\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></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/components/descriptions/_example/table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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\\components\\descriptions\\_example\\table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/dialog/_example/modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\dialog\\_example\\modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/divider/_example/size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\divider\\_example\\size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/drawer/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\drawer\\_example\\plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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">暂无数据</div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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\\components\\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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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/components/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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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-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="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="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\\components\\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-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="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="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/components/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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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\\components\\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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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/components/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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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\\components\\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/components/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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\\components\\form\\_example\\form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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/components/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></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\\components\\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></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/components/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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\icon\\_example\\IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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-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="请选择" 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\\components\\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-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="请选择" 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/components/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\\components\\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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\input\\_example\\disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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\\components\\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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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\\components\\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="请输入" 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="请输入" 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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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/components/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\\components\\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/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/list/_example/virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\list\\_example\\virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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\\components\\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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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\\components\\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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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\\components\\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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\pagination\\_example\\jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/popup/_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\popup\\_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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\\components\\popup\\_example\\container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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\\components\\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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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/components/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\\components\\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/components/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\\components\\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/components/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 class="t-space-item"><button id="trigger-element" 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></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 class="t-space-item"><button id="trigger-element" 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></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/progress/_example/circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\progress\\_example\\circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/popover.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\\components\\qrcode\\_example\\popover.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/components/qrcode/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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></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></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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></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></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></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></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></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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-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="请选择" 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\\components\\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="请选择" 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-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="请选择" 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/components/select/_example/creatable.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-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: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-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\\components\\select\\_example\\creatable.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-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: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-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/components/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-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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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;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="请选择" 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\\components\\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-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;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="请选择" 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/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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/components/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\\components\\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/components/select/_example/group.tsx 1`] = `"<div style="width:800px;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-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: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-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\\components\\select\\_example\\group.tsx 1`] = `"<div style="width:800px;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-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: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-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/components/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-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 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="请选择" 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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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 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="请选择" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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"><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" 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="请选择" 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\\components\\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-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"><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" 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="请选择" 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/components/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="请选择" 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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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 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\\components\\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="请选择" 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 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/components/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-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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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\\components\\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="请选择" 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/components/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-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-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\\components\\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-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-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/components/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-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-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\\components\\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-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-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/components/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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/select/_example/remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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\\components\\select\\_example\\remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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/components/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-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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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/components/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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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\\components\\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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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/components/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-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-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\\components\\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-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-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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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-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-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-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-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\\components\\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-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-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-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-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-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/components/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-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-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-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-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\\components\\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-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-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-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-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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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/components/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\\components\\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/components/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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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\\components\\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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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/components/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\\components\\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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\swiper\\_example\\card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/switch/_example/describe.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">ON</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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\switch\\_example\\describe.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">ON</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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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\\components\\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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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/components/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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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\\components\\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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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\\components\\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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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/components/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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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\\components\\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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><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><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></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><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><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></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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/components/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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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\\components\\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></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/components/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\\components\\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/components/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></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></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\\components\\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></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></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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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\\components\\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/components/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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/tabs/_example/lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tabs\\_example\\lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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\\components\\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></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/components/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\\components\\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/components/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-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></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-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></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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></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-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></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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="请输入" 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\\components\\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="请输入" 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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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\\components\\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/components/tag-input/_example/max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\tag-input\\_example\\max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\textarea\\_example\\events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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\\components\\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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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/components/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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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></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\\components\\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></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/components/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\\components\\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/components/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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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\\components\\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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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/components/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></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></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></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\\components\\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></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></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></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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tooltip\\_example\\mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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\\components\\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>暂无数据</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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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\\components\\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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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></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\\components\\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></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/components/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-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\\components\\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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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-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\\components\\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-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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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\\components\\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/components/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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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\\components\\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/components/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">选择文件</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages\\components\\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">选择文件</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 c443d09028..c03a6f3750 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -1275,3 +1275,1279 @@ exports[`ssr snapshot test > ssr test packages/components/upload/_example/reques
 exports[`ssr snapshot test > ssr test packages/components/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/components/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">选择文件</span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">Affixed: <!-- -->false</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\breadcrumb\\_example\\custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\breadcrumb\\_example\\ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\calendar\\_example\\base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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-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\\components\\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\\components\\cascader\\_example\\custom-options.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--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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\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-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\\components\\cascader\\_example\\load.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" 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\\components\\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\\components\\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\\components\\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\\components\\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-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\\components\\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-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-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-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\\components\\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-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-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\\components\\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-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\\components\\cascader\\_example\\value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\checkbox\\_example\\group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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\\components\\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\\components\\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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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\\components\\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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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\\components\\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\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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\\components\\config-provider\\_example\\calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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\\components\\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\\components\\config-provider\\_example\\input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\date-picker\\_example\\range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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></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\\components\\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\\components\\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\\components\\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></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></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\\components\\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\\components\\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></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\\components\\descriptions\\_example\\table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\dialog\\_example\\modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\divider\\_example\\size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\drawer\\_example\\plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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">暂无数据</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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">暂无数据</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\\components\\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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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\\components\\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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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-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="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="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\\components\\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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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\\components\\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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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\\components\\form\\_example\\form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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\\components\\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></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\\components\\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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\icon\\_example\\IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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-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="请选择" 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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\image-viewer\\_example\\error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\input\\_example\\disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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\\components\\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\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\list\\_example\\virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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\\components\\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\\components\\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\\components\\pagination\\_example\\base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\pagination\\_example\\mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\popup\\_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\popup\\_example\\container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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\\components\\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\\components\\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\\components\\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 class="t-space-item"><button id="trigger-element" 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></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\progress\\_example\\circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\popover.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\\components\\qrcode\\_example\\status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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></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></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></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></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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-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="请选择" 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\\components\\select\\_example\\creatable.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-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: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-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\\components\\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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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;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="请选择" 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\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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\\components\\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\\components\\select\\_example\\group.tsx 1`] = `"<div style="width:800px;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-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: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-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\\components\\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-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 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="请选择" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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"><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" 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="请选择" 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\\components\\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="请选择" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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 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\\components\\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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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\\components\\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-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-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\\components\\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-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-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\\components\\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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\select\\_example\\remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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\\components\\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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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\\components\\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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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\\components\\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-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-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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-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-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-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-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\\components\\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-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-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-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-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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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\\components\\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\\components\\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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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\\components\\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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\swiper\\_example\\card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\switch\\_example\\describe.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">ON</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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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\\components\\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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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\\components\\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">暂无数据</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\\components\\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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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\\components\\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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><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><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></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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\\components\\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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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\\components\\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\\components\\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></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></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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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\\components\\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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\tabs\\_example\\lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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\\components\\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\\components\\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-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></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-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></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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="请输入" 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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\\components\\tag-input\\_example\\max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\textarea\\_example\\events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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\\components\\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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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></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\\components\\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\\components\\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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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\\components\\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></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></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></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\tooltip\\_example\\mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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></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\\components\\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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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\\components\\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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
+
+exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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\\components\\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">选择文件</span></button></div></div></div></div></div>"`;

From d4f7dca3a5b591a518dbe6eaccb25eb85713a77e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Mon, 13 Apr 2026 14:41:53 +0800
Subject: [PATCH 14/27] =?UTF-8?q?fix(image-viewer):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=8B=96=E6=8B=BD=E7=8A=B6=E6=80=81=E8=BF=BD=E8=B8=AA=E4=B8=8E?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx           | 17 +++++++++++++----
 .../components/image-viewer/hooks/useScale.ts   | 13 +++++++------
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 7ae5c7fd8c..44d77df4e1 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -39,8 +39,8 @@ export interface ImageModalItemRef {
   setPosition: React.Dispatch<React.SetStateAction<PositionType>>;
   /** 重置位移 */
   resetPosition: () => void;
-  /** 是否正在拖拽 */
-  isDragging: boolean;
+  /** 是否正在拖拽（ref，始终最新） */
+  isDraggingRef: React.RefObject<boolean>;
   /** 启用向中心缩放动画（CSS 类名驱动） */
   enableTransition: () => void;
 }
@@ -103,6 +103,9 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     // 用 ref 同步追踪最新位移，避免 useImperativeHandle 暴露的 position 是过时快照
     const positionRef = useRef(position);
     positionRef.current = position;
+    // 用 ref 追踪最新 isDragging，避免 useImperativeHandle 因 isDragging 变化而频繁重建
+    const isDraggingRef = useRef(isDragging);
+    isDraggingRef.current = isDragging;
 
     const preImgStyle: React.CSSProperties = {
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
@@ -116,6 +119,7 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     // 动画类名，与 CSS 中 &--transitioning { transition: transform } 强关联
     const transitioningClass = `${classPrefix}-image-viewer__modal-box--transitioning`;
     const transitionEndHandlerRef = useRef<((e: TransitionEvent) => void) | null>(null);
+    const fallbackTimerRef = useRef<ReturnType<typeof setTimeout>>();
 
     // 清理监听器和类名
     const cleanupTransition = useCallback(() => {
@@ -124,6 +128,7 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
         modalBox.removeEventListener('transitionend', transitionEndHandlerRef.current);
       }
       transitionEndHandlerRef.current = null;
+      clearTimeout(fallbackTimerRef.current);
       modalBox?.classList.remove(transitioningClass);
     }, [transitioningClass]);
 
@@ -137,6 +142,10 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       modalBox.getBoundingClientRect();
       modalBox.classList.add(transitioningClass);
 
+      // fallback 超时：transitionend 可能因 DOM 移除/动画合并等原因不触发，
+      // 350ms（略大于 CSS transition duration）后自动清理，避免类名残留导致拖拽粘滞
+      fallbackTimerRef.current = setTimeout(cleanupTransition, 350);
+
       const handleTransitionEnd = (e: TransitionEvent) => {
         if (e.propertyName !== 'transform') return;
         cleanupTransition();
@@ -155,10 +164,10 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
         positionRef,
         setPosition,
         resetPosition,
-        isDragging,
+        isDraggingRef,
         enableTransition,
       }),
-      [setPosition, resetPosition, isDragging, enableTransition],
+      [setPosition, resetPosition, enableTransition],
     );
 
     const createSvgShadow = async (url: string) => {
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index d1fdbf7889..465333cbd0 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -14,18 +14,13 @@ const useScale = (imageScale: ImageScale) => {
 
   const distance = useRef(0);
   const [scale, setScale] = useState(calcDefaultScale());
-  // 用 ref 追踪最新的 scale 值，以便同步计算位移补偿
   const scaleRef = useRef(scale);
-
-  // 存储上一次缩放的结果，供节流后同步返回
   const lastZoomResultRef = useRef<ZoomResult>({});
 
-  // 用 ref 追踪最新的 imageScale 参数，供 throttle 闭包读取
   const paramsRef = useRef({ step, min, max });
   paramsRef.current = { step, min, max };
 
-  // 节流内部实现（50ms 间隔），与 Vue 版本保持一致
-  // 通过闭包直接引用 scaleRef / paramsRef，避免作为参数传入触发 no-param-reassign
+  // --- 节流（50ms，leading-only）：防止高频滚轮/触摸过度触发 ---
   const zoomOptionsRef = useRef<ZoomOptions | undefined>();
 
   const doZoomRef = useRef(
@@ -59,13 +54,19 @@ const useScale = (imageScale: ImageScale) => {
 
   const onZoomIn = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
     zoomOptionsRef.current = zoomOptions;
+    const prevScale = scaleRef.current;
     doZoomRef.current();
+    // 被节流丢弃或已达边界 → 返回空结果，避免调用方使用过期的位移数据
+    if (scaleRef.current === prevScale) return {};
     return lastZoomResultRef.current;
   }, []);
 
   const onZoomOut = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
     zoomOutOptionsRef.current = zoomOptions;
+    const prevScale = scaleRef.current;
     doZoomOutRef.current();
+    // 被节流丢弃或已达边界 → 返回空结果，避免调用方使用过期的位移数据
+    if (scaleRef.current === prevScale) return {};
     return lastZoomResultRef.current;
   }, []);
 

From e843a00c2d5cb1a0e25f8426018ecfc6b7a18be6 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 13 May 2026 08:26:47 +0000
Subject: [PATCH 15/27] chore: update common

---
 packages/common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common b/packages/common
index c698a0ef12..1aedcceec7 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit c698a0ef12b8712130586d3ed0bc39c652d16571
+Subproject commit 1aedcceec7610f868a8e19694cd287c24747fd29

From 26c7d485ba6f23ea99c0ffe2e5cde2f912e2c7aa Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 13 May 2026 09:09:21 +0000
Subject: [PATCH 16/27] chore: update snapshot

---
 test/snap/__snapshots__/csr.test.jsx.snap | 154853 +------------------
 test/snap/__snapshots__/ssr.test.jsx.snap |   1276 -
 2 files changed, 639 insertions(+), 155490 deletions(-)

diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index ae33abd0fd..c6093addf3 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -152705,154855 +152705,1280 @@ exports[`csr snapshot test > csr test packages/components/upload/_example/single
 </div>
 `;
 
-exports[`csr snapshot test > csr test packages\\components\\affix\\_example\\base.tsx 1`] = `
-<div>
-  <div>
-    <div>
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Affixed: 
-          false
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\affix\\_example\\container.tsx 1`] = `
-<div>
-  <div
-    style="border-radius: 3px; height: 400px; overflow-x: hidden; overflow-y: auto;"
-  >
-    <div
-      style="height: 1500px; background-color: rgb(238, 238, 238); background-size: 30px 30px; display: flex; flex-direction: column; justify-content: space-between;"
-    >
-      <div>
-        <div>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Top
-            </span>
-          </button>
-        </div>
-      </div>
-      <div>
-        <div>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Bottom
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--success"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-check-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-info-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-alert__content"
-        >
-          <div
-            class="t-alert__message"
-          >
-            <div
-              class="t-alert__description"
-            >
-              高危操作/出错信息提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\close.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--success"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-check-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--info"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-info-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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"
-        >
-          FunctionPropClose
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--error"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-tag t-tag--danger t-tag--outline"
-          >
-            <span
-              title="关闭"
-            >
-              关闭
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\collapse.tsx 1`] = `
-<div>
-  <div
-    class="t-alert t-alert--info"
-  >
-    <div
-      class="t-alert__icon"
-    >
-      <svg
-        class="t-icon t-icon-info-circle-filled"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-          fill="currentColor"
-        />
-      </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
-        class="t-icon t-icon-close"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="close"
-        >
-          <path
-            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--success"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-check-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-info-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-alert__content"
-        >
-          <div
-            class="t-alert__message"
-          >
-            <div
-              class="t-alert__description"
-            >
-              高危操作/出错信息提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\operation.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--success"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-check-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--info"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-info-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--warning"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--error"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\swiper.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-alert t-alert--success"
-      >
-        <div
-          class="t-alert__icon"
-        >
-          <svg
-            class="t-icon t-icon-check-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-info-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-icon t-icon-error-circle-filled"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-alert__content"
-        >
-          <div
-            class="t-alert__message"
-          >
-            <div
-              class="t-alert__description"
-            >
-              高危操作/出错信息提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\alert\\_example\\title.tsx 1`] = `
-<div>
-  <div
-    class="t-alert t-alert--info"
-  >
-    <div
-      class="t-alert__icon"
-    >
-      <svg
-        class="t-icon t-icon-info-circle-filled"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-          fill="currentColor"
-        />
-      </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
-        class="t-icon t-icon-close"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="close"
-        >
-          <path
-            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    style="display: flex;"
-  >
-    <div
-      style="flex: 1;"
-    />
-    <div>
-      <div>
-        <div
-          class="t-anchor t-size-m"
-        >
-          <div
-            class="t-anchor__line"
-          >
-            <div
-              class="t-anchor__line-cursor-wrapper"
-              style=""
-            >
-              <div
-                class="t-anchor__line-cursor"
-              />
-            </div>
-          </div>
-          <div
-            class="t-anchor__item"
-          >
-            <a
-              class="t-anchor__item-link"
-              href="#基础锚点"
-              target="_self"
-              title="基础锚点"
-            >
-              基础锚点
-            </a>
-          </div>
-          <div
-            class="t-anchor__item"
-          >
-            <a
-              class="t-anchor__item-link"
-              href="#多级锚点"
-              target="_self"
-              title="多级锚点"
-            >
-              多级锚点
-            </a>
-          </div>
-          <div
-            class="t-anchor__item"
-          >
-            <a
-              class="t-anchor__item-link"
-              href="#指定容器锚点"
-              target="_self"
-              title="指定容器锚点"
-            >
-              指定容器锚点
-            </a>
-          </div>
-          <div
-            class="t-anchor__item"
-          >
-            <a
-              class="t-anchor__item-link"
-              href="#特定交互锚点"
-              target="_self"
-              title="特定交互锚点"
-            >
-              特定交互锚点
-            </a>
-          </div>
-          <div
-            class="t-anchor__item"
-          >
-            <a
-              class="t-anchor__item-link"
-              href="#尺寸"
-              target="_self"
-              title="尺寸"
-            >
-              尺寸
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\container.tsx 1`] = `
-<div>
-  <div
-    class="anchor-demo-attach"
-    id="attach"
-    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: 1;"
-        >
-          <div
-            class="t-anchor__line-cursor"
-          />
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#content-1"
-          target="_self"
-          title="content-1"
-        >
-          content-1
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#content-2"
-          target="_self"
-          title="content-2"
-        >
-          content-2
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#content-3"
-          target="_self"
-          title="content-3"
-        >
-          content-3
-        </a>
-      </div>
-      <div
-        class="t-anchor__item t-is-active"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#content-4"
-          target="_self"
-          title="content-4"
-        >
-          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: rgb(223, 239, 255); line-height: 100px;"
-      >
-        content-1
-      </div>
-      <div
-        id="content-2"
-        style="background: rgb(191, 219, 247); line-height: 100px;"
-      >
-        content-2
-      </div>
-      <div
-        id="content-3"
-        style="background: rgb(155, 197, 242); line-height: 100px;"
-      >
-        content-3
-      </div>
-      <div
-        id="content-4"
-        style="background: rgb(123, 175, 237); line-height: 100px;"
-      >
-        content-4
-      </div>
-      <div
-        id="content-5"
-        style="background: rgb(92, 153, 235); line-height: 100px;"
-      >
-        content-5
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\cursor.tsx 1`] = `
-<div>
-  <div
-    style="display: flex;"
-  >
-    <div
-      class="t-anchor t-size-m"
-    >
-      <div
-        class="t-anchor__line"
-      >
-        <div
-          class="t-anchor__line-cursor-wrapper"
-          style=""
-        >
-          <div
-            style="width: 10px; height: 10px; background-color: rgb(0, 82, 217); position: absolute; border-radius: 50%; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px;"
-          />
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#基础锚点"
-          target="_self"
-          title="基础锚点"
-        >
-          基础锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#多级锚点"
-          target="_self"
-          title="多级锚点"
-        >
-          多级锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#指定容器锚点"
-          target="_self"
-          title="指定容器锚点"
-        >
-          指定容器锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#特定交互锚点"
-          target="_self"
-          title="特定交互锚点"
-        >
-          特定交互锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#尺寸"
-          target="_self"
-          title="尺寸"
-        >
-          尺寸
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\customize-highlight.tsx 1`] = `
-<div>
-  <div
-    style="display: flex;"
-  >
-    <div
-      style="flex: 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: 1;"
-        >
-          <div
-            class="t-anchor__line-cursor"
-          />
-        </div>
-      </div>
-      <div
-        class="t-anchor__item t-is-active"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#基础锚点"
-          target="_self"
-          title="基础锚点"
-        >
-          基础锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#多级锚点"
-          target="_self"
-          title="多级锚点"
-        >
-          多级锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#自定义游标锚点"
-          target="_self"
-          title="自定义游标锚点"
-        >
-          自定义游标锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#指定容器锚点"
-          target="_self"
-          title="指定容器锚点"
-        >
-          指定容器锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#特定交互锚点"
-          target="_self"
-          title="特定交互锚点"
-        >
-          特定交互锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#不同尺寸的锚点"
-          target="_self"
-          title="不同尺寸的锚点"
-        >
-          不同尺寸的锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#自定义锚点高亮"
-          target="_self"
-          title="自定义锚点高亮"
-        >
-          自定义锚点高亮
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\large.tsx 1`] = `
-<div>
-  <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: 1;"
-        >
-          <div
-            class="t-anchor__line-cursor"
-          />
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#default"
-          target="_self"
-          title="基础锚点"
-        >
-          基础锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#multiple"
-          target="_self"
-          title="多级锚点"
-        >
-          多级锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#size"
-          target="_self"
-          title="尺寸大小"
-        >
-          尺寸大小
-        </a>
-        <div
-          class="t-anchor__item"
-        >
-          <a
-            class="t-anchor__item-link"
-            href="#size"
-            target="_self"
-            title="size-medium"
-          >
-            size-medium
-          </a>
-        </div>
-        <div
-          class="t-anchor__item t-is-active"
-        >
-          <a
-            class="t-anchor__item-link"
-            href="#size-large"
-            target="_self"
-            title="size-large"
-          >
-            size-large
-          </a>
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#attach"
-          target="_self"
-          title="指定容器"
-        >
-          指定容器
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="t-anchor t-size-m"
-  >
-    <div
-      class="t-anchor__line"
-    >
-      <div
-        class="t-anchor__line-cursor-wrapper"
-        style=""
-      >
-        <div
-          class="t-anchor__line-cursor"
-        />
-      </div>
-    </div>
-    <div
-      class="t-anchor__item"
-    >
-      <a
-        class="t-anchor__item-link"
-        href="#基础锚点"
-        target="_self"
-        title="基础锚点"
-      >
-        基础锚点
-      </a>
-    </div>
-    <div
-      class="t-anchor__item"
-    >
-      <a
-        class="t-anchor__item-link"
-        href="#多级锚点"
-        target="_self"
-        title="多级锚点"
-      >
-        多级锚点
-      </a>
-    </div>
-    <div
-      class="t-anchor__item"
-    >
-      <a
-        class="t-anchor__item-link"
-        href="#指定容器锚点"
-        target="_self"
-        title="指定容器锚点"
-      >
-        指定容器锚点
-      </a>
-    </div>
-    <div
-      class="t-anchor__item"
-    >
-      <a
-        class="t-anchor__item-link"
-        href="#特定交互锚点"
-        target="_self"
-        title="特定交互锚点"
-      >
-        特定交互锚点
-      </a>
-    </div>
-    <div
-      class="t-anchor__item"
-    >
-      <a
-        class="t-anchor__item-link"
-        href="#尺寸"
-        target="_self"
-        title="尺寸"
-      >
-        尺寸
-      </a>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#size"
-          target="_self"
-          title="size-medium"
-        >
-          size-medium
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#size-large"
-          target="_self"
-          title="size-large"
-        >
-          size-large
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\small.tsx 1`] = `
-<div>
-  <div
-    id="size-small"
-  >
-    <div
-      class="t-anchor t-size-s"
-    >
-      <div
-        class="t-anchor__line"
-      >
-        <div
-          class="t-anchor__line-cursor-wrapper"
-          style=""
-        >
-          <div
-            class="t-anchor__line-cursor"
-          />
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#default"
-          target="_self"
-          title="基础锚点"
-        >
-          基础锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#multiple"
-          target="_self"
-          title="多级锚点"
-        >
-          多级锚点
-        </a>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#size"
-          target="_self"
-          title="尺寸大小"
-        >
-          尺寸大小
-        </a>
-        <div
-          class="t-anchor__item"
-        >
-          <a
-            class="t-anchor__item-link"
-            href="#size"
-            target="_self"
-            title="size-medium"
-          >
-            size-medium
-          </a>
-        </div>
-        <div
-          class="t-anchor__item"
-        >
-          <a
-            class="t-anchor__item-link"
-            href="#size-large"
-            target="_self"
-            title="size-large"
-          >
-            size-large
-          </a>
-        </div>
-      </div>
-      <div
-        class="t-anchor__item"
-      >
-        <a
-          class="t-anchor__item-link"
-          href="#attach"
-          target="_self"
-          title="指定容器"
-        >
-          指定容器
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\anchor\\_example\\target.tsx 1`] = `
-<div>
-  <div
-    class="anchor-demo"
-    id="/components/anchor/#anchor-target"
-  >
-    <h1
-      class="t-anchor__target"
-      id="/components/anchor/#default"
-    >
-      基础锚点
-      <svg
-        class="t-icon t-icon-file-copy t-anchor__copy"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="file-copy"
-        >
-          <path
-            d="M7 18V2H14V8H20V18H7Z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-width="2"
-          />
-          <path
-            d="M3 6L3 22H14"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </h1>
-    <h1
-      class="t-anchor__target"
-      id="/components/anchor/#multiple"
-    >
-      多级锚点
-      <svg
-        class="t-icon t-icon-file-copy t-anchor__copy"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="file-copy"
-        >
-          <path
-            d="M7 18V2H14V8H20V18H7Z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-width="2"
-          />
-          <path
-            d="M3 6L3 22H14"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </h1>
-    <h1
-      class="t-anchor__target"
-      id="/components/anchor/#size"
-    >
-      尺寸大小
-      <svg
-        class="t-icon t-icon-file-copy t-anchor__copy"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="file-copy"
-        >
-          <path
-            d="M7 18V2H14V8H20V18H7Z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-width="2"
-          />
-          <path
-            d="M3 6L3 22H14"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </h1>
-    <h1
-      class="t-anchor__target"
-      id="/components/anchor/#attach"
-    >
-      指定容器
-      <svg
-        class="t-icon t-icon-file-copy t-anchor__copy"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="file-copy"
-        >
-          <path
-            d="M7 18V2H14V8H20V18H7Z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-width="2"
-          />
-          <path
-            d="M3 6L3 22H14"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </h1>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-demo-auto-complete__base t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete t-demo-autocomplete__search"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索（自定义右侧图标）"
-              type="text"
-              value=""
-            />
-            <div
-              class="t-input__suffix"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  <svg
-                    class="t-icon t-icon-search"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="search"
-                    >
-                      <path
-                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M15.8027 15.8037L21.106 21.107"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\filter.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-        style="width: 280px;"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="组件默认过滤规则（不区分大小写）"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-        style="width: 280px;"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="组件默认过滤规则（不区分大小写）"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\option.tsx 1`] = `
-<div>
-  <div
-    class="t-demo-autocomplete-option"
-  >
-    <div
-      class="t-auto-complete"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入关键词搜索"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-size-s t-align-left t-input--prefix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              小尺寸：
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--prefix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              中尺寸：
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-size-l t-align-left t-input--prefix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              大尺寸：
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-auto-complete"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-is-disabled t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              disabled=""
-              placeholder="请输入关键词搜索"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-is-readonly t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              readonly=""
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-is-warning"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-is-error"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-is-success"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入关键词搜索"
-              type="text"
-              value=""
-            />
-          </div>
-          <div
-            class="t-input__tips t-input__tips--success"
-          >
-            这是成功状态
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `
-<div>
-  <div
-    class="t-auto-complete"
-  >
-    <div
-      class="t-textarea"
-    >
-      <textarea
-        class="t-textarea__inner t-is-default"
-        placeholder="自定义联想词触发元素"
-        style="height: auto; min-height: auto;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\adjust.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar t-avatar--circle"
-        style="margin-right: 40px;"
-      >
-        <span
-          style="transform: scale(1);"
-        >
-          王
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar t-avatar--circle"
-        style="margin-right: 40px;"
-      >
-        <span
-          style="transform: scale(1);"
-        >
-          王亿
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar t-avatar--circle"
-        style="margin-right: 40px;"
-      >
-        <span
-          style="transform: scale(1);"
-        >
-          王亿亿
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar t-avatar--circle t-avatar__icon"
-        style="margin-right: 40px;"
-      >
-        <svg
-          class="t-icon t-icon-user"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="user"
-          >
-            <g
-              id="fill1"
-            >
-              <path
-                d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                fill="transparent"
-              />
-              <path
-                d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                fill="transparent"
-              />
-            </g>
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar t-avatar--circle"
-        style="margin-right: 40px;"
-      >
-        <div
-          class="t-image__wrapper t-image__wrapper--shape-square"
-        >
-          <img
-            class="t-image t-image--fit-fill t-image--position-center"
-            src="https://tdesign.gtimg.com/site/avatar.jpg"
-          />
-          <div
-            class="t-image__loading"
-          >
-            <div
-              class="t-space t-space-align-center t-space-vertical"
-              style="gap: 8px;"
-            >
-              <div
-                class="t-space-item"
-              >
-                <svg
-                  class="t-icon t-icon-image"
-                  fill="none"
-                  height="1em"
-                  style="fill: none; font-size: 24px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="image"
-                  >
-                    <path
-                      d="M3 21H20L9 10L3 16V21Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      fill="transparent"
-                      id="fill2"
-                      r="2"
-                    />
-                    <path
-                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      id="stroke2"
-                      r="2"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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="margin-right: 40px;"
-      >
-        <span
-          style="transform: scale(1);"
-        >
-          W
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar-group t-avatar--offset-right"
-      >
-        <div
-          class="t-avatar t-avatar--circle"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle"
-        >
-          <span
-            style="transform: scale(1);"
-          >
-            W
-          </span>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle t-avatar__icon"
-        >
-          <svg
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group-cascading.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar-group t-avatar--offset-right"
-      >
-        <div
-          class="t-avatar t-avatar--circle"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle"
-        >
-          <span
-            style="transform: scale(1);"
-          >
-            W
-          </span>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle t-avatar__icon"
-        >
-          <svg
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </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"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle"
-        >
-          <span
-            style="transform: scale(1);"
-          >
-            W
-          </span>
-        </div>
-        <div
-          class="t-avatar t-avatar--circle t-avatar__icon"
-        >
-          <svg
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\group-max.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-avatar 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--round"
-        style="margin-right: 40px;"
-      >
-        <span
-          style="transform: scale(1);"
-        >
-          W
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\avatar\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-                alt="test"
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/site/avatar.jpg"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/site/avatar.jpg"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/site/avatar.jpg"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/site/avatar.jpg"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\baseList.tsx 1`] = `
-<div>
-  <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
-      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;"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-backtop t-back-top__icon"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="backtop"
-        >
-          <path
-            d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-      <span
-        class="t-back-top__text"
-      >
-        TOP
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\baseListSmall.tsx 1`] = `
-<div>
-  <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
-      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;"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-backtop t-back-top__icon"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="backtop"
-        >
-          <path
-            d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-      <span
-        class="t-back-top__text"
-      >
-        TOP
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\custom.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <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;"
-        type="button"
-      >
-        <span
-          class="custom-node"
-        >
-          返回
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <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;"
-        type="button"
-      >
-        <span>
-          TOP
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <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;"
-        type="button"
-      >
-        <span>
-          UP
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\back-top\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <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;"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-backtop t-back-top__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 24px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="backtop"
-              >
-                <path
-                  d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-back-top__text"
-            >
-              TOP
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\base.tsx 1`] = `
-<div>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         
-      </span>
-    </button>
-    <span
-      class="t-badge--dot"
-    />
-  </span>
-  <span
-    class="t-badge"
-  >
-    解锁新徽章
-    <span
-      class="t-badge--dot"
-    />
-  </span>
-  <span
-    class="t-badge"
-  >
-    <svg
-      class="t-icon t-icon-user"
-      fill="none"
-      height="1em"
-      style="fill: none; font-size: 24px;"
-      viewBox="0 0 24 24"
-      width="1em"
-    >
-      <g
-        id="user"
-      >
-        <g
-          id="fill1"
-        >
-          <path
-            d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-            fill="transparent"
-          />
-          <path
-            d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-            fill="transparent"
-          />
-        </g>
-        <g
-          id="stroke1"
-        >
-          <path
-            d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-          <path
-            d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </g>
-    </svg>
-    <span
-      class="t-badge--dot"
-    />
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\color.tsx 1`] = `
-<div>
-  <label
-    class="t-checkbox"
-    tabindex="0"
-  >
-    <input
-      class="t-checkbox__former"
-      data-value="true"
-      tabindex="-1"
-      type="checkbox"
-      value="1"
-    />
-    <span
-      class="t-checkbox__input"
-    />
-    <span
-      class="t-checkbox__label"
-    >
-      红点样式
-    </span>
-  </label>
-  <div>
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(244, 67, 54);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(233, 30, 99);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(156, 39, 176);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(63, 81, 181);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(33, 150, 243);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(3, 169, 244);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(0, 188, 212);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(0, 150, 136);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(76, 175, 80);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(139, 195, 74);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(205, 220, 57);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(255, 235, 59);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(255, 193, 7);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(255, 152, 0);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(255, 87, 34);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(121, 85, 72);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(158, 158, 158);"
-    />
-    <span
-      class="t-badge--static t-badge--dot"
-      style="background-color: rgb(96, 125, 139);"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\custom.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--dot"
-            />
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <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: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--circle"
-            >
-              new
-            </span>
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--round"
-            >
-              100
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--dot"
-            />
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--circle"
-            >
-              <span>
-                hot
-              </span>
-            </span>
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--circle"
-            >
-              <span>
-                new
-              </span>
-            </span>
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span
-            class="t-badge"
-          >
-            <div
-              style="width: 40px; height: 40px; background: rgb(238, 238, 238); border: 1px solid #dcdcdc; border-radius: 3px;"
-            />
-            <span
-              class="t-badge--circle"
-            >
-              <span>
-                new
-              </span>
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\number.tsx 1`] = `
-<div>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      2
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      99
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base t-size-l"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      99+
-    </span>
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\offset.tsx 1`] = `
-<div>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        默认
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      2
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <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
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <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
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <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
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        [10,-10]
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-      style="right: 10px; margin-top: -10px;"
-    >
-      2
-    </span>
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\shape.tsx 1`] = `
-<div>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-         circle
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      2
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        round
-      </span>
-    </button>
-    <span
-      class="t-badge--round"
-    >
-      99
-    </span>
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\badge\\_example\\size.tsx 1`] = `
-<div>
-  <h3
-    style="margin-bottom: 16px;"
-  >
-    1.默认大小
-  </h3>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        按钮
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      2
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        按钮
-      </span>
-    </button>
-    <span
-      class="t-badge--circle"
-    >
-      99
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <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
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        按钮
-      </span>
-    </button>
-    <span
-      class="t-badge--circle t-size-s"
-    >
-      2
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        按钮
-      </span>
-    </button>
-    <span
-      class="t-badge--circle t-size-s"
-    >
-      99
-    </span>
-  </span>
-  <span
-    class="t-badge"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        按钮
-      </span>
-    </button>
-    <span
-      class="t-badge--circle t-size-s"
-    >
-      99+
-    </span>
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\base.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\custom.tsx 1`] = `
-<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"
-      >
-        &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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\custom-ellipsis.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class=""
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-ellipsis"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="ellipsis"
-                >
-                  <g
-                    id="stroke1"
-                  >
-                    <path
-                      d="M4 11.5H5V12.5H4V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M19 11.5H20V12.5H19V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </g>
-              </svg>
-            </button>
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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"
-          >
-            页面5
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </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: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            页面1
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class=""
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-ellipsis"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="ellipsis"
-                >
-                  <g
-                    id="stroke1"
-                  >
-                    <path
-                      d="M4 11.5H5V12.5H4V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M19 11.5H20V12.5H19V11.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </g>
-              </svg>
-            </button>
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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"
-          >
-            页面5
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\ellipsis.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class=""
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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"
-          >
-            页面5
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </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: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            页面1
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class=""
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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"
-          >
-            页面5
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\href.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none; opacity: 0.5;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none; opacity: 0.5;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none; opacity: 0.5;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      style="margin-top: 20px;"
-    >
-      点击计数器：
-      0
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\icon.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-bookmark"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="bookmark"
-            >
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            页面1
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class="t-breadcrumb--text-overflow"
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <svg
-            class="t-icon t-icon-bookmark"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="bookmark"
-            >
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            页面2
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-    <div
-      class="t-breadcrumb__item"
-    >
-      <span
-        class="t-breadcrumb--text-overflow"
-      >
-        <span
-          class="t-breadcrumb__inner"
-          style="max-width: 120px;"
-        >
-          <svg
-            class="t-icon t-icon-bookmark"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="bookmark"
-            >
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M5 4H19V21L12 16L5 21V4Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-breadcrumb__inner-text"
-          >
-            页面3
-          </span>
-        </span>
-      </span>
-      <span
-        class="t-breadcrumb__separator"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\options.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\to.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\breadcrumb\\_example\\width.tsx 1`] = `
-<div>
-  <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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none; opacity: 0.5;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          填充按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          描边按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-dashed"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          虚框按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-text"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          文字按钮
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\block.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          填充按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline t-size-full-width"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          描边按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-dashed t-size-full-width"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          虚框按钮
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-text t-size-full-width"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          文字按钮
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\custom-element.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          div
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          a
-        </span>
-      </a>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-button t-button--theme-primary t-button--variant-base"
-        href="#"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          a:href
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\ghost.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-outline t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-dashed t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-text t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-outline t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-dashed t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-text t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-outline t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-dashed t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-text t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-outline t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-dashed t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-text t-button--ghost"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              幽灵按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-add"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="add"
-          >
-            <path
-              d="M12 5L12 19M19 12L5 12"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          新建
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-cloud-upload"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="cloud-upload"
-          >
-            <path
-              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M8 15L12 11L16 15M12 22V12.25"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          上传文件
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-discount"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="discount"
-          >
-            <path
-              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-              fill="transparent"
-              id="fill2"
-            />
-            <path
-              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-width="2"
-            />
-            <path
-              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-cloud-download"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="cloud-download"
-          >
-            <path
-              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M8 18L12 22L16 18M12 20.75V11"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="search"
-          >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          Function Icon
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-square"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-round"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-button--shape-circle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-round"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-button--shape-circle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-square"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-round"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-button--shape-circle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-round"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-circle"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-calendar"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="calendar"
-                >
-                  <path
-                    d="M21 10H3V21H21V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M21 10H3V5H21V10Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-l"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline t-size-l"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed t-size-l"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-size-l"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          填充按钮
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base t-is-loading"
-        disabled=""
-        type="button"
-      >
-        <div
-          class="t-loading t-loading--center t-size-m t-loading--inherit-color"
-        >
-          <svg
-            class="t-loading__gradient t-icon-loading"
-            height="1em"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-        </div>
-        <span
-          class="t-button__text"
-        >
-          加载中
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\button\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              填充按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              描边按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-dashed"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              虚框按钮
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-success t-button--variant-text"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              文字按钮
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\card.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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: 0px 10px 0px 0px;"
-          >
-            <div
-              class="t-select t-select-input"
-            >
-              <div
-                class="t-input__wrap"
-                spellcheck="false"
-                value="卡片风格"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="卡片风格"
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-left: 12px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              回到今天
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            日期补零：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-size-l"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-calendar t-calendar--card"
-      >
-        <div
-          class="t-calendar__control"
-        >
-          <div
-            class="t-calendar__title"
-          />
-          <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"
-                >
-                  <div
-                    class="t-input__wrap t-input--auto-width"
-                    spellcheck="false"
-                    value="2020 年"
-                  >
-                    <div
-                      class="t-input t-size-s t-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请选择"
-                        readonly=""
-                        type="text"
-                        value="2020 年"
-                      />
-                      <span
-                        class="t-input__input-pre"
-                      >
-                        2020 年
-                      </span>
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-fake-arrow t-select__right-icon"
-                          fill="none"
-                          height="16"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                            stroke="black"
-                            stroke-opacity="0.9"
-                            stroke-width="1.3"
-                          />
-                        </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"
-                >
-                  <div
-                    class="t-input__wrap t-input--auto-width"
-                    spellcheck="false"
-                    value="12 月"
-                  >
-                    <div
-                      class="t-input t-size-s t-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请选择"
-                        readonly=""
-                        type="text"
-                        value="12 月"
-                      />
-                      <span
-                        class="t-input__input-pre"
-                      >
-                        12 月
-                      </span>
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-fake-arrow t-select__right-icon"
-                          fill="none"
-                          height="16"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                            stroke="black"
-                            stroke-opacity="0.9"
-                            stroke-width="1.3"
-                          />
-                        </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
-                  class="t-radio-button t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio-button__former"
-                    data-value="'month'"
-                    tabindex="-1"
-                    type="radio"
-                    value="month"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    月
-                  </span>
-                </label>
-                <label
-                  class="t-radio-button"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio-button__former"
-                    data-value="'year'"
-                    tabindex="-1"
-                    type="radio"
-                    value="year"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    年
-                  </span>
-                </label>
-                <div
-                  class="t-radio-group__bg-block"
-                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                />
-              </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\cell.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-                  class="t-space t-space-vertical"
-                  style="gap: 2px;"
-                >
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\cell-append.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </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"
-              />
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\controller-config.tsx 1`] = `
-<div>
-  <div
-    class="controllerConfig-demo"
-  >
-    <div
-      style="margin: 12px 0px;"
-    >
-      <fieldset>
-        <legend>
-          控件全局
-        </legend>
-        <p>
-          <label>
-            是否显示（全部控件）：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <p>
-          <label>
-            是否禁用（全部控件）：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-      </fieldset>
-      <fieldset>
-        <legend>
-          控件局部
-        </legend>
-        <p>
-          <label>
-            是否显示“模式切换”控件：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“模式切换”控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <p>
-          <label>
-            是否显示“年份选择”控件：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“年份选择”控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <p>
-          <label>
-            是否显示“月份选择”控件：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“月份选择”控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <p>
-          <label>
-            是否禁用“隐藏周末”控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“显示周末”控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否显示“隐藏\\显示周末”控件：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <p>
-          <label>
-            是否显示“今天\\本月”控件：
-          </label>
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“今天”按钮控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-          <label>
-            是否禁用“本月”按钮控件：
-          </label>
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </p>
-        <br />
-        <div
-          class="t-calendar t-calendar--full"
-        >
-          <div
-            class="t-calendar__control"
-          >
-            <div
-              class="t-calendar__title"
-            />
-            <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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="2020 年"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="2020 年"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          2020 年
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="12 月"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="12 月"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          12 月
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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
-                    class="t-radio-button t-is-checked"
-                    tabindex="0"
-                  >
-                    <input
-                      checked=""
-                      class="t-radio-button__former"
-                      data-value="'month'"
-                      tabindex="-1"
-                      type="radio"
-                      value="month"
-                    />
-                    <span
-                      class="t-radio-button__input"
-                    />
-                    <span
-                      class="t-radio-button__label"
-                    >
-                      月
-                    </span>
-                  </label>
-                  <label
-                    class="t-radio-button"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-radio-button__former"
-                      data-value="'year'"
-                      tabindex="-1"
-                      type="radio"
-                      value="year"
-                    />
-                    <span
-                      class="t-radio-button__input"
-                    />
-                    <span
-                      class="t-radio-button__label"
-                    >
-                      年
-                    </span>
-                  </label>
-                  <div
-                    class="t-radio-group__bg-block"
-                    style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                  />
-                </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
-                  class="t-button t-button--theme-primary t-button--variant-base"
-                  type="button"
-                >
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\events.tsx 1`] = `
-<div>
-  <div>
-    <div
-      style="margin: 12px 0px;"
-    >
-      <label>
-        禁用单元格右键菜单：
-      </label>
-      <button
-        class="t-switch t-size-m"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        />
-        <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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="2020 年"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="2020 年"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      2020 年
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="12 月"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="12 月"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      12 月
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'month'"
-                  tabindex="-1"
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  月
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'year'"
-                  tabindex="-1"
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  年
-                </span>
-              </label>
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; height: 0px; left: 0px; top: 0px;"
-              />
-            </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
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\filter.tsx 1`] = `
-<div>
-  <div>
-    <div
-      style="margin: 12px 0px;"
-    >
-      <label>
-        显示周末
-      </label>
-      <button
-        class="t-switch t-is-checked t-size-m"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        />
-        <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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="2020 年"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="2020 年"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      2020 年
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="12 月"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="12 月"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      12 月
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'month'"
-                  tabindex="-1"
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  月
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'year'"
-                  tabindex="-1"
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  年
-                </span>
-              </label>
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; height: 0px; left: 0px; top: 0px;"
-              />
-            </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
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\first-day-of-week.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-space t-space-align-center t-space-horizontal"
-      style="margin: 12px 0px; gap: 16px;"
-    >
-      <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: 0px 10px 0px 0px;"
-        >
-          <div
-            class="t-select t-select-input"
-          >
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="周三"
-            >
-              <div
-                class="t-input t-align-left t-input--suffix"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  value="周三"
-                />
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        />
-        <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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="2020 年"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="2020 年"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      2020 年
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="12 月"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="12 月"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      12 月
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'month'"
-                  tabindex="-1"
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  月
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'year'"
-                  tabindex="-1"
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  年
-                </span>
-              </label>
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; height: 0px; left: 0px; top: 0px;"
-              />
-            </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
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\head.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\mode.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-space t-space-align-center t-space-horizontal"
-      style="margin: 12px 0px; gap: 16px;"
-    >
-      <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: 0px 10px 0px 0px;"
-        >
-          <div
-            class="t-select t-select-input"
-          >
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="月历"
-            >
-              <div
-                class="t-input t-align-left t-input--suffix"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  value="月历"
-                />
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-calendar t-calendar--full"
-    >
-      <div
-        class="t-calendar__control"
-      >
-        <div
-          class="t-calendar__title"
-        />
-        <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"
-              >
-                <div
-                  class="t-input__wrap t-input--auto-width"
-                  spellcheck="false"
-                  value="2020 年"
-                >
-                  <div
-                    class="t-input t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="2020 年"
-                    />
-                    <span
-                      class="t-input__input-pre"
-                    >
-                      2020 年
-                    </span>
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-select__right-icon"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          />
-          <div
-            class="t-calendar__control-section-cell"
-            style="height: auto;"
-          >
-            <div
-              class="t-radio-group t-size-m t-radio-group--filled"
-            >
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'month'"
-                  tabindex="-1"
-                  type="radio"
-                  value="month"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  月
-                </span>
-              </label>
-              <label
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'year'"
-                  tabindex="-1"
-                  type="radio"
-                  value="year"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  年
-                </span>
-              </label>
-              <div
-                class="t-radio-group__bg-block"
-                style="width: 0px; height: 0px; left: 0px; top: 0px;"
-              />
-            </div>
-          </div>
-          <div
-            class="t-calendar__control-section-cell"
-          >
-            <button
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                本月
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-calendar__panel t-calendar__panel--year"
-      >
-        <table
-          class="t-calendar__table"
-        >
-          <tbody
-            class="t-calendar__table-body"
-          >
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              <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>
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              <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>
-              <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>
-            </tr>
-            <tr
-              class="t-calendar__table-body-row"
-            >
-              <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 t-is-checked t-calendar__table-body-cell--now"
-              >
-                <div
-                  class="t-calendar__table-body-cell-display"
-                >
-                  12 月
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\range.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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[`csr snapshot test > csr test packages\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-                  class="t-space t-space-vertical"
-                  style="gap: 2px;"
-                >
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\value.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="1998 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="1998 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    1998 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="11 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="11 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    11 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\calendar\\_example\\week.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020 年"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="2020 年"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020 年
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="12 月"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="12 月"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    12 月
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                月
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                年
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\base.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\bordered.tsx 1`] = `
-<div>
-  <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
-  >
-    <div
-      class="t-card__body"
-    >
-      仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\bordered-none.tsx 1`] = `
-<div>
-  <div
-    style="padding: 16px;"
-  >
-    <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\custom-loading-props.tsx 1`] = `
-<div>
-  <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"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </foreignobject>
-        </svg>
-        <div
-          class="t-loading__text"
-        >
-          TDesign努力加载中...
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer.tsx 1`] = `
-<div>
-  <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
-                class="t-icon t-icon-user"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="user"
-                >
-                  <g
-                    id="fill1"
-                  >
-                    <path
-                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                      fill="transparent"
-                    />
-                    <path
-                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                      fill="transparent"
-                    />
-                  </g>
-                  <g
-                    id="stroke1"
-                  >
-                    <path
-                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </g>
-              </svg>
-            </span>
-          </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
-        alt=""
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-thumb-up"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="thumb-up"
-                  >
-                    <path
-                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-chat"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chat"
-                  >
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="share"
-                  >
-                    <g
-                      id="fill1"
-                    >
-                      <path
-                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
-                        fill="transparent"
-                      />
-                    </g>
-                    <path
-                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-actions.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-card t-card--bordered"
-        style="width: 400px;"
-      >
-        <div
-          class="t-card__cover"
-        >
-          <img
-            alt=""
-            src="https://tdesign.gtimg.com/site/source/card-demo.png"
-          />
-        </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-basis: auto;"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    <svg
-                      class="t-icon t-icon-thumb-up"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="thumb-up"
-                      >
-                        <path
-                          d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="t-divider t-divider--vertical"
-              />
-              <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-basis: auto;"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    <svg
-                      class="t-icon t-icon-chat"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chat"
-                      >
-                        <path
-                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="t-divider t-divider--vertical"
-              />
-              <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-basis: auto;"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    <svg
-                      class="t-icon t-icon-share"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="share"
-                      >
-                        <g
-                          id="fill1"
-                        >
-                          <path
-                            d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
-                            fill="transparent"
-                          />
-                        </g>
-                        <path
-                          d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-            alt=""
-            src="https://tdesign.gtimg.com/site/source/card-demo.png"
-          />
-        </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-basis: auto;"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  style="margin-right: 8px;"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    <svg
-                      class="t-icon t-icon-heart"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 16px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="heart"
-                      >
-                        <path
-                          clip-rule="evenodd"
-                          d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
-                          fill="transparent"
-                          fill-rule="evenodd"
-                          id="fill1"
-                        />
-                        <path
-                          clip-rule="evenodd"
-                          d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
-                          fill-rule="evenodd"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </button>
-                <button
-                  class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                  type="button"
-                >
-                  <span
-                    class="t-button__text"
-                  >
-                    <svg
-                      class="t-icon t-icon-share"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 16px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="share"
-                      >
-                        <g
-                          id="fill1"
-                        >
-                          <path
-                            d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
-                            fill="transparent"
-                          />
-                        </g>
-                        <path
-                          d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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-basis: auto;"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  <svg
-                    class="t-icon t-icon-more"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="more"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M11.5 4H12.5V5H11.5V4Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 19H12.5V20H11.5V19Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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
-            alt=""
-            src="https://tdesign.gtimg.com/site/source/card-demo.png"
-          />
-        </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"
-              >
-                <div
-                  class="t-image__wrapper t-image__wrapper--shape-square"
-                >
-                  <img
-                    class="t-image t-image--fit-fill t-image--position-center"
-                    src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
-                  />
-                  <div
-                    class="t-image__loading"
-                  >
-                    <div
-                      class="t-space t-space-align-center t-space-vertical"
-                      style="gap: 8px;"
-                    >
-                      <div
-                        class="t-space-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-image"
-                          fill="none"
-                          height="1em"
-                          style="fill: none; font-size: 24px;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        class="t-space-item"
-                      >
-                        图片加载中
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-avatar t-avatar--circle"
-              >
-                <span
-                  style="transform: scale(1);"
-                >
-                  Q
-                </span>
-              </div>
-              <div
-                class="t-avatar t-avatar__collapse t-avatar--circle"
-              >
-                <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-basis: auto;"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  <svg
-                    class="t-icon t-icon-more"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="more"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M11.5 4H12.5V5H11.5V4Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 19H12.5V20H11.5V19Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-content.tsx 1`] = `
-<div>
-  <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
-  >
-    <div
-      class="t-card__cover"
-    >
-      <img
-        alt=""
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </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
-                alt=""
-                class="t-comment__avatar-image"
-                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
-              />
-            </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\footer-content-actions.tsx 1`] = `
-<div>
-  <div
-    class="t-card t-card--bordered"
-    style="width: 400px;"
-  >
-    <div
-      class="t-card__cover"
-    >
-      <img
-        alt=""
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </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
-                alt=""
-                class="t-comment__avatar-image"
-                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
-              />
-            </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
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-more"
-            >
-              <use
-                xlink:href="#t-icon-more"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header.tsx 1`] = `
-<div>
-  <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[`csr snapshot test > csr test packages\\components\\card\\_example\\header-all-props.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-bordered.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-description.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-footer-actions.tsx 1`] = `
-<div>
-  <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
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/site/avatar-boy.jpg"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-more"
-            >
-              <use
-                xlink:href="#t-icon-more"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-card__cover"
-    >
-      <img
-        alt=""
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-thumb-up"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="thumb-up"
-                  >
-                    <path
-                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-chat"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chat"
-                  >
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="share"
-                  >
-                    <g
-                      id="fill1"
-                    >
-                      <path
-                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
-                        fill="transparent"
-                      />
-                    </g>
-                    <path
-                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-subtitle.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\card\\_example\\header-subtitle-footer-actions.tsx 1`] = `
-<div>
-  <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
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-more"
-            >
-              <use
-                xlink:href="#t-icon-more"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-card__cover"
-    >
-      <img
-        alt=""
-        src="https://tdesign.gtimg.com/site/source/card-demo.png"
-      />
-    </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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-thumb-up"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="thumb-up"
-                  >
-                    <path
-                      d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-chat"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chat"
-                  >
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-          <div
-            class="t-divider t-divider--vertical"
-          />
-          <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-basis: auto;"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                <svg
-                  class="t-icon t-icon-share"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="share"
-                  >
-                    <g
-                      id="fill1"
-                    >
-                      <path
-                        d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"
-                        fill="transparent"
-                      />
-                      <path
-                        d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"
-                        fill="transparent"
-                      />
-                    </g>
-                    <path
-                      d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-cascader t-select-input t-select-input--empty"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-align-left t-input--suffix"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="请选择"
-          readonly=""
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow t-cascader__icon"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\check-strictly.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="1 / 1.2 / 1.2.2"
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value="1 / 1.2 / 1.2.2"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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="1/1.1/1.1.2/1.1.2.1"
-                >
-                  1/1.1/1.1.2/1.1.2.1
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span
-                  title="2"
-                >
-                  2
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\collapsed.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  +
-                  2
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <span
-                style="color: rgb(0, 168, 112);"
-              >
-                +
-                1
-              </span>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\custom-options.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="选项一 / 子选项一"
-        >
-          <div
-            class="t-input t-is-disabled t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              disabled=""
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value="选项一 / 子选项一"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon t-is-disabled"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                class="t-tag t-tag--default t-tag--dark t-tag--disabled"
-              >
-                <span
-                  title="选项一/子选项一"
-                >
-                  选项一/子选项一
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              disabled=""
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon t-is-disabled"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\ellipsis.tsx 1`] = `
-<div>
-  <div
-    class="t-cascader t-select-input t-select-input--empty"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-align-left t-input--suffix"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="请选择"
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow t-cascader__icon"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\filterable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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="当选项一数据展示文本过长时/子选项一"
-                >
-                  当选项一数据展示文本过长时/子选项一
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\keys.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              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"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\load.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              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"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\max.tsx 1`] = `
-<div>
-  <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"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-      >
-        <div
-          class="t-input__prefix"
-        />
-        <input
-          class="t-input__inner"
-          placeholder="请选择"
-          readonly=""
-          type="text"
-          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"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo-block-row"
-  >
-    <div
-      class="t-cascader 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"
-        spellcheck="false"
-        value=""
-      >
-        <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="选项8/子选项一"
-              >
-                选项8/子选项一
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner t-input--soft-hidden"
-            placeholder=""
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-cascader__icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\panel.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="border: 1px solid #eee; width: 100%;"
-      >
-        <div
-          class="t-cascader__panel t-cascader--normal"
-        >
-          <ul
-            class="t-cascader__menu narrow-scrollbar"
-          >
-            <li
-              class="t-cascader__item t-size-m t-cascader__item--with-icon"
-            >
-              <span
-                class="t-cascader__item-label t-cascader__item-label--ellipsis"
-                role="label"
-                title="选项一"
-              >
-                选项一
-              </span>
-              <svg
-                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-right"
-                >
-                  <path
-                    d="M9.5 17.5L15 12L9.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </li>
-            <li
-              class="t-cascader__item t-size-m t-cascader__item--with-icon"
-            >
-              <span
-                class="t-cascader__item-label t-cascader__item-label--ellipsis"
-                role="label"
-                title="选项二"
-              >
-                选项二
-              </span>
-              <svg
-                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-right"
-                >
-                  <path
-                    d="M9.5 17.5L15 12L9.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="border: 1px solid #eee; width: 100%;"
-      >
-        <div
-          class="t-cascader__panel t-cascader--normal"
-        >
-          <ul
-            class="t-cascader__menu narrow-scrollbar"
-          >
-            <li
-              class="t-cascader__item t-size-m t-cascader__item--with-icon"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-                title="选项一"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="1"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  选项一
-                </span>
-              </label>
-              <svg
-                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-right"
-                >
-                  <path
-                    d="M9.5 17.5L15 12L9.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </li>
-            <li
-              class="t-cascader__item t-size-m t-cascader__item--with-icon"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-                title="选项二"
-              >
-                <input
-                  class="t-checkbox__former"
-                  name="2"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  选项二
-                </span>
-              </label>
-              <svg
-                class="t-icon t-icon-chevron-right t-cascader__item-icon t-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-right"
-                >
-                  <path
-                    d="M9.5 17.5L15 12L9.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\show-all-levels.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              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"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-size-s t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-size-l t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\trigger.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-display.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=" "
-        >
-          <div
-            class="t-input t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              <div
-                class="t-tag-input__prefix"
-              >
-                单选：
-              </div>
-              <div>
-                <img
-                  src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
-                />
-                <span>
-                  子选项二
-                </span>
-                <span>
-                  (
-                  2.2
-                  )
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=" "
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input t-select-input--multiple"
-        style="width: 500px;"
-      >
-        <div
-          class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  <img
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
-                  />
-                  <span>
-                    子选项三
-                  </span>
-                  <span>
-                    (
-                    1.3
-                    )
-                  </span>
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  <img
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
-                  />
-                  <span>
-                    子选项一
-                  </span>
-                  <span>
-                    (
-                    2.1
-                    )
-                  </span>
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  <img
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                    style="width: 16px; height: 16px; margin-top: 2px; vertical-align: -4px; margin-right: 4px;"
-                  />
-                  <span>
-                    子选项二
-                  </span>
-                  <span>
-                    (
-                    2.2
-                    )
-                  </span>
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-mode.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="width: 100px;"
-          >
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="onlyLeaf"
-              >
-                onlyLeaf
-              </span>
-            </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"
-              spellcheck="false"
-              value=""
-            >
-              <div
-                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-              >
-                <div
-                  class="t-input__prefix"
-                />
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  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"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="width: 100px;"
-          >
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="parentFirst"
-              >
-                parentFirst
-              </span>
-            </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"
-              spellcheck="false"
-              value=""
-            >
-              <div
-                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-              >
-                <div
-                  class="t-input__prefix"
-                />
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  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"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="width: 100px;"
-          >
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="all"
-              >
-                all
-              </span>
-            </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"
-              spellcheck="false"
-              value=""
-            >
-              <div
-                class="t-input t-is-readonly t-align-left t-input--prefix t-input--suffix"
-              >
-                <div
-                  class="t-input__prefix"
-                />
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  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"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\cascader\\_example\\value-type.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      ["1","1.1"]
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="选项一 / 子选项一"
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value="选项一 / 子选项一"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      [["1","1.1"],["1","1.2"]]
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-cascader 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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span
-                  title="选项一/子选项二"
-                >
-                  选项一/子选项二
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          未选中项
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox t-is-indeterminate"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          半选状态
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          选中项
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox t-is-disabled"
-      >
-        <input
-          class="t-checkbox__former"
-          disabled=""
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          未选禁用项
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox t-is-checked t-is-disabled"
-      >
-        <input
-          checked=""
-          class="t-checkbox__former"
-          disabled=""
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          选中禁用项
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\controlled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          受控属性
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          非受控属性
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          禁用全部
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <strong>
-            写法一：使用 options
-          </strong>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            选中值: 
-            广州
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-checkbox-group"
-          >
-            <label
-              class="t-checkbox t-is-indeterminate"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                全选
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'北京'"
-                tabindex="-1"
-                type="checkbox"
-                value="北京"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'上海'"
-                tabindex="-1"
-                type="checkbox"
-                value="上海"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-is-checked t-is-disabled"
-            >
-              <input
-                checked=""
-                class="t-checkbox__former"
-                data-value="'广州'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="广州"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                广州
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-divider t-divider--horizontal"
-      />
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <strong>
-            写法二：使用插槽
-          </strong>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            选中值: 
-            上海
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-checkbox-group"
-          >
-            <label
-              class="t-checkbox t-is-indeterminate"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                全选
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'北京'"
-                tabindex="-1"
-                type="checkbox"
-                value="北京"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-checkbox__former"
-                data-value="'上海'"
-                tabindex="-1"
-                type="checkbox"
-                value="上海"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'广州'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="广州"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                广州
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\link.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              腾讯云A
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              腾讯云B
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              腾讯云C
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-left: 16px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              全选
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\checkbox\\_example\\max.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        最多可选:
-         
-        <div
-          class="t-input-number t-size-m t-input-number--row"
-        >
-          <button
-            class="t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-remove t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="remove"
-              >
-                <path
-                  d="M19 12L5 12"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="1"
-          >
-            <div
-              class="t-input t-align-center"
-            >
-              <input
-                autocomplete="off"
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value="1"
-              />
-            </div>
-          </div>
-          <button
-            class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-add t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="add"
-              >
-                <path
-                  d="M12 5L12 19M19 12L5 12"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        选中值: 
-        北京
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-checkbox-group"
-      >
-        <label
-          class="t-checkbox t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            data-value="'北京'"
-            tabindex="-1"
-            type="checkbox"
-            value="北京"
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-disabled"
-        >
-          <input
-            class="t-checkbox__former"
-            data-value="'上海'"
-            disabled=""
-            tabindex="-1"
-            type="checkbox"
-            value="上海"
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-disabled"
-        >
-          <input
-            class="t-checkbox__former"
-            data-value="'广州'"
-            disabled=""
-            tabindex="-1"
-            type="checkbox"
-            value="广州"
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-disabled"
-        >
-          <input
-            class="t-checkbox__former"
-            data-value="'深圳'"
-            disabled=""
-            tabindex="-1"
-            type="checkbox"
-            value="深圳"
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            深圳
-          </span>
-        </label>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\base.tsx 1`] = `
-<div>
-  <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          设置默认展开项
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active appear appear-active"
-          style="height: 0px;"
-        >
-          <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          自定义折叠面板内容
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-                spellcheck="false"
-                value=""
-              >
-                <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
-                        class="t-icon t-icon-close t-tag__icon-close"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="close"
-                        >
-                          <path
-                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-tag t-tag--default t-tag--dark"
-                    >
-                      <span
-                        title="React"
-                      >
-                        React
-                      </span>
-                      <svg
-                        class="t-icon t-icon-close t-tag__icon-close"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="close"
-                        >
-                          <path
-                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder=""
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  />
-                </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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          当前折叠面板折叠时，销毁面板内容
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          嵌套使用折叠面板
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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 t-collapse-panel__icon--active"
-                    >
-                      <svg
-                        class="t-fake-arrow t-collapse-panel__icon--default"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                    </div>
-                    这是一个折叠标题
-                    <div
-                      class="t-collapse-panel__header--blank"
-                    />
-                  </div>
-                  <div
-                    class="t-collapse-panel__body t-slide-down-enter-active enter enter-active"
-                    style="height: 0px;"
-                  >
-                    <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"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </svg>
-                    </div>
-                    这是一个折叠标题
-                    <div
-                      class="t-collapse-panel__header--blank"
-                    />
-                  </div>
-                  <div
-                    class="t-collapse-panel__body t-slide-down-enter-active enter enter-active"
-                    style="height: 0px;"
-                  >
-                    <div
-                      class="t-collapse-panel__content"
-                    >
-                      这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              这是一个折叠标题
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </div>
-            <div
-              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-              style="height: 0px;"
-            >
-              <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              折叠后自动销毁
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              自定义折叠面板内容
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </div>
-            <div
-              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-              style="height: 0px;"
-            >
-              <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"
-                    spellcheck="false"
-                    value=""
-                  >
-                    <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
-                            class="t-icon t-icon-close t-tag__icon-close"
-                            fill="none"
-                            height="1em"
-                            style="fill: none;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="close"
-                            >
-                              <path
-                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                        <div
-                          class="t-tag t-tag--default t-tag--dark"
-                        >
-                          <span
-                            title="React"
-                          >
-                            React
-                          </span>
-                          <svg
-                            class="t-icon t-icon-close t-tag__icon-close"
-                            fill="none"
-                            height="1em"
-                            style="fill: none;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="close"
-                            >
-                              <path
-                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                      <input
-                        class="t-input__inner"
-                        placeholder=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__input-pre"
-                      />
-                    </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-icon t-icon-star"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="star"
-                  >
-                    <path
-                      d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              自定义图标
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </div>
-            <div
-              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-              style="height: 0px;"
-            >
-              <div
-                class="t-collapse-panel__content"
-              >
-                这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group__outline"
-          >
-            <label
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="1"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                左边
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="2"
-                tabindex="-1"
-                type="radio"
-                value="2"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                右边
-              </span>
-            </label>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                仅图标响应点击
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\mutex.tsx 1`] = `
-<div>
-  <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          折叠后自动销毁
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          自定义折叠面板内容
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-                spellcheck="false"
-                value=""
-              >
-                <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
-                        class="t-icon t-icon-close t-tag__icon-close"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="close"
-                        >
-                          <path
-                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-tag t-tag--default t-tag--dark"
-                    >
-                      <span
-                        title="React"
-                      >
-                        React
-                      </span>
-                      <svg
-                        class="t-icon t-icon-close t-tag__icon-close"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="close"
-                        >
-                          <path
-                            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder=""
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\other.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              这是一个折叠标题
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </div>
-            <div
-              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-              style="height: 0px;"
-            >
-              <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              折叠后自动销毁
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              自定义折叠面板内容
-              <div
-                class="t-collapse-panel__header--blank"
-              />
-            </div>
-            <div
-              class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-              style="height: 0px;"
-            >
-              <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"
-                    spellcheck="false"
-                    value=""
-                  >
-                    <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
-                            class="t-icon t-icon-close t-tag__icon-close"
-                            fill="none"
-                            height="1em"
-                            style="fill: none;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="close"
-                            >
-                              <path
-                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                        <div
-                          class="t-tag t-tag--default t-tag--dark"
-                        >
-                          <span
-                            title="React"
-                          >
-                            React
-                          </span>
-                          <svg
-                            class="t-icon t-icon-close t-tag__icon-close"
-                            fill="none"
-                            height="1em"
-                            style="fill: none;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="close"
-                            >
-                              <path
-                                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                      <input
-                        class="t-input__inner"
-                        placeholder=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__input-pre"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              禁止全部
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              无边框模式
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\collapse\\_example\\rightSlot.tsx 1`] = `
-<div>
-  <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              操作
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              操作
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <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"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          这是一个折叠标题
-          <div
-            class="t-collapse-panel__header--blank"
-          />
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-                <span
-                  class="t-checkbox__label"
-                >
-                  是否禁止
-                </span>
-              </label>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  操作
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-collapse-panel__body t-slide-down-enter-active t-collapse-panel__body--collapsed"
-          style="height: 0px;"
-        >
-          <div
-            class="t-collapse-panel__content"
-          >
-            这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\color-mode.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <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"
-              spellcheck="false"
-              value="rgba(0, 82, 217, 1)"
-            >
-              <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: rgb(0, 82, 217);"
-                    />
-                  </div>
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  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"
-              spellcheck="false"
-              value="#0052d9"
-            >
-              <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: rgb(0, 82, 217);"
-                    />
-                  </div>
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  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
-      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"
-              spellcheck="false"
-              value="linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)"
-            >
-              <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"
-                    />
-                  </div>
-                </div>
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\enable-alpha.tsx 1`] = `
-<div>
-  <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
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'monochrome'"
-              tabindex="-1"
-              type="radio"
-              value="monochrome"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              单色
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'linear-gradient'"
-              tabindex="-1"
-              type="radio"
-              value="linear-gradient"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              渐变
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-color-picker__body"
-    >
-      <div
-        class="t-color-picker__saturation"
-        style="background: rgb(0, 0, 0);"
-      >
-        <span
-          class="t-color-picker__thumb"
-          role="slider"
-          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-          tabindex="0"
-        />
-      </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"
-              />
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="left: 60%; color: rgb(0, 0, 0);"
-                tabindex="0"
-              />
-            </div>
-          </div>
-          <div
-            class="t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type"
-          >
-            <div
-              class="t-color-picker__slider-padding"
-            />
-            <div
-              class="t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha"
-            >
-              <div
-                class="t-color-picker__rail"
-              />
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="left: 80%; color: rgba(0, 82, 217, 0.8);"
-                tabindex="0"
-              />
-            </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);"
-          />
-        </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="HEX8"
-              >
-                <div
-                  class="t-input t-size-s t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="HEX8"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    HEX8
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-                spellcheck="false"
-                title="#0052d9cc"
-              >
-                <div
-                  class="t-input t-size-s t-align-center"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value="#0052d9cc"
-                  />
-                </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"
-                  spellcheck="false"
-                  value="80%"
-                >
-                  <div
-                    class="t-input t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value="80%"
-                    />
-                  </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
-                class="t-color-picker__icon"
-                role="button"
-              >
-                <svg
-                  class="t-icon t-icon-add"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="add"
-                  >
-                    <path
-                      d="M12 5L12 19M19 12L5 12"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </h3>
-          <ul
-            class="t-color-picker__swatches--items narrow-scrollbar"
-          />
-        </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: rgb(236, 242, 254);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(212, 227, 252);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(187, 211, 251);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(150, 187, 248);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(105, 158, 245);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(71, 135, 240);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(38, 111, 232);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 82, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 52, 181);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 31, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(253, 236, 238);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 215, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(248, 185, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 141, 148);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(243, 109, 120);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(227, 77, 89);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(201, 53, 63);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(177, 31, 38);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(149, 17, 20);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(104, 5, 6);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(254, 243, 230);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 224, 199);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 199, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(242, 153, 95);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(237, 123, 47);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(211, 90, 33);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(186, 67, 27);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(158, 54, 16);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(132, 43, 11);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(90, 25, 7);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(232, 248, 242);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(188, 235, 220);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(133, 219, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(72, 199, 156);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 168, 112);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(7, 141, 92);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(6, 121, 69);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(5, 99, 52);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(4, 79, 42);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(3, 48, 23);"
-                />
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\panel.tsx 1`] = `
-<div>
-  <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
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'monochrome'"
-              tabindex="-1"
-              type="radio"
-              value="monochrome"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              单色
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'linear-gradient'"
-              tabindex="-1"
-              type="radio"
-              value="linear-gradient"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              渐变
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-color-picker__body"
-    >
-      <div
-        class="t-color-picker__saturation"
-        style="background: rgb(0, 0, 0);"
-      >
-        <span
-          class="t-color-picker__thumb"
-          role="slider"
-          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-          tabindex="0"
-        />
-      </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"
-              />
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="left: 60%; color: rgb(0, 0, 0);"
-                tabindex="0"
-              />
-            </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: rgb(0, 82, 217);"
-          />
-        </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="HEX"
-              >
-                <div
-                  class="t-input t-size-s t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="HEX"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    HEX
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-                spellcheck="false"
-                title="#0052d9"
-              >
-                <div
-                  class="t-input t-size-s t-align-center"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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
-                class="t-color-picker__icon"
-                role="button"
-              >
-                <svg
-                  class="t-icon t-icon-add"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="add"
-                  >
-                    <path
-                      d="M12 5L12 19M19 12L5 12"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </h3>
-          <ul
-            class="t-color-picker__swatches--items narrow-scrollbar"
-          />
-        </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: rgb(236, 242, 254);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(212, 227, 252);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(187, 211, 251);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(150, 187, 248);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(105, 158, 245);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(71, 135, 240);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(38, 111, 232);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 82, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 52, 181);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 31, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(253, 236, 238);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 215, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(248, 185, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 141, 148);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(243, 109, 120);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(227, 77, 89);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(201, 53, 63);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(177, 31, 38);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(149, 17, 20);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(104, 5, 6);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(254, 243, 230);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 224, 199);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 199, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(242, 153, 95);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(237, 123, 47);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(211, 90, 33);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(186, 67, 27);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(158, 54, 16);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(132, 43, 11);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(90, 25, 7);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(232, 248, 242);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(188, 235, 220);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(133, 219, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(72, 199, 156);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 168, 112);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(7, 141, 92);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(6, 121, 69);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(5, 99, 52);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(4, 79, 42);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(3, 48, 23);"
-                />
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\recent-color.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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
-                  class="t-radio-button t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio-button__former"
-                    data-value="'monochrome'"
-                    tabindex="-1"
-                    type="radio"
-                    value="monochrome"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    单色
-                  </span>
-                </label>
-                <label
-                  class="t-radio-button"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio-button__former"
-                    data-value="'linear-gradient'"
-                    tabindex="-1"
-                    type="radio"
-                    value="linear-gradient"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    渐变
-                  </span>
-                </label>
-                <div
-                  class="t-radio-group__bg-block"
-                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-color-picker__body"
-          >
-            <div
-              class="t-color-picker__saturation"
-              style="background: rgb(0, 0, 0);"
-            >
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-                tabindex="0"
-              />
-            </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"
-                    />
-                    <span
-                      class="t-color-picker__thumb"
-                      role="slider"
-                      style="left: 60%; color: rgb(0, 0, 0);"
-                      tabindex="0"
-                    />
-                  </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: rgb(0, 82, 217);"
-                />
-              </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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="RGB"
-                    >
-                      <div
-                        class="t-input t-size-s t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="RGB"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          RGB
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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"
-                        spellcheck="false"
-                        value="0"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="0"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="82"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="82"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="217"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="217"
-                          />
-                        </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
-                      class="t-color-picker__icon"
-                      role="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-add"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add"
-                        >
-                          <path
-                            d="M12 5L12 19M19 12L5 12"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    <span
-                      class="t-color-picker__icon"
-                      role="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </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: rgb(255, 0, 0);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 128, 0);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(255, 255, 0);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 0, 255);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(128, 0, 128);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                      />
-                    </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: rgb(236, 242, 254);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(212, 227, 252);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(187, 211, 251);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(150, 187, 248);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(105, 158, 245);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(71, 135, 240);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(38, 111, 232);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 82, 217);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 52, 181);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 31, 151);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(253, 236, 238);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(249, 215, 217);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(248, 185, 190);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(247, 141, 148);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(243, 109, 120);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(227, 77, 89);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(201, 53, 63);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(177, 31, 38);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(149, 17, 20);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(104, 5, 6);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(254, 243, 230);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(249, 224, 199);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(247, 199, 151);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(242, 153, 95);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(237, 123, 47);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(211, 90, 33);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(186, 67, 27);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(158, 54, 16);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(132, 43, 11);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(90, 25, 7);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(232, 248, 242);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(188, 235, 220);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(133, 219, 190);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(72, 199, 156);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 168, 112);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(7, 141, 92);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(6, 121, 69);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(5, 99, 52);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(4, 79, 42);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(3, 48, 23);"
-                      />
-                    </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
-                  class="t-radio-button t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio-button__former"
-                    data-value="'monochrome'"
-                    tabindex="-1"
-                    type="radio"
-                    value="monochrome"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    单色
-                  </span>
-                </label>
-                <label
-                  class="t-radio-button"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio-button__former"
-                    data-value="'linear-gradient'"
-                    tabindex="-1"
-                    type="radio"
-                    value="linear-gradient"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    渐变
-                  </span>
-                </label>
-                <div
-                  class="t-radio-group__bg-block"
-                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-color-picker__body"
-          >
-            <div
-              class="t-color-picker__saturation"
-              style="background: rgb(0, 0, 0);"
-            >
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-                tabindex="0"
-              />
-            </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"
-                    />
-                    <span
-                      class="t-color-picker__thumb"
-                      role="slider"
-                      style="left: 60%; color: rgb(0, 0, 0);"
-                      tabindex="0"
-                    />
-                  </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: rgb(0, 82, 217);"
-                />
-              </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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="RGB"
-                    >
-                      <div
-                        class="t-input t-size-s t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="RGB"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          RGB
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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"
-                        spellcheck="false"
-                        value="0"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="0"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="82"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="82"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="217"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="217"
-                          />
-                        </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: rgb(236, 242, 254);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(212, 227, 252);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(187, 211, 251);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(150, 187, 248);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(105, 158, 245);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(71, 135, 240);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(38, 111, 232);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 82, 217);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 52, 181);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 31, 151);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(253, 236, 238);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(249, 215, 217);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(248, 185, 190);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(247, 141, 148);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(243, 109, 120);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(227, 77, 89);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(201, 53, 63);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(177, 31, 38);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(149, 17, 20);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(104, 5, 6);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(254, 243, 230);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(249, 224, 199);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(247, 199, 151);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(242, 153, 95);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(237, 123, 47);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(211, 90, 33);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(186, 67, 27);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(158, 54, 16);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(132, 43, 11);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(90, 25, 7);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(232, 248, 242);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(188, 235, 220);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(133, 219, 190);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(72, 199, 156);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(0, 168, 112);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(7, 141, 92);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(6, 121, 69);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(5, 99, 52);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(4, 79, 42);"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--item"
-                  >
-                    <div
-                      class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-                    >
-                      <span
-                        class="t-color-picker__swatches--item__inner"
-                        style="background: rgb(3, 48, 23);"
-                      />
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\status-disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-color-picker__trigger"
-  >
-    <div
-      class="t-color-picker__trigger--default"
-    >
-      <div
-        class="t-input__wrap t-input--auto-width"
-        spellcheck="false"
-        value="#0052d9"
-      >
-        <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: rgb(0, 82, 217);"
-              />
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            disabled=""
-            placeholder="请输入"
-            type="text"
-            value="#0052d9"
-          />
-          <span
-            class="t-input__input-pre"
-          >
-            #0052d9
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\status-readonly.tsx 1`] = `
-<div>
-  <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
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'monochrome'"
-              tabindex="-1"
-              type="radio"
-              value="monochrome"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              单色
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'linear-gradient'"
-              tabindex="-1"
-              type="radio"
-              value="linear-gradient"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              渐变
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-color-picker__body"
-    >
-      <div
-        class="t-color-picker__saturation"
-        style="background: rgb(0, 0, 0);"
-      >
-        <span
-          class="t-color-picker__thumb"
-          role="slider"
-          style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-          tabindex="0"
-        />
-      </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"
-              />
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="left: 60%; color: rgb(0, 0, 0);"
-                tabindex="0"
-              />
-            </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: rgb(0, 82, 217);"
-          />
-        </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="RGB"
-              >
-                <div
-                  class="t-input t-size-s t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="RGB"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    RGB
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-                  spellcheck="false"
-                  value="0"
-                >
-                  <div
-                    class="t-input t-is-disabled t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="请输入"
-                      type="text"
-                      value="0"
-                    />
-                  </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"
-                  spellcheck="false"
-                  value="82"
-                >
-                  <div
-                    class="t-input t-is-disabled t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="请输入"
-                      type="text"
-                      value="82"
-                    />
-                  </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"
-                  spellcheck="false"
-                  value="217"
-                >
-                  <div
-                    class="t-input t-is-disabled t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="请输入"
-                      type="text"
-                      value="217"
-                    />
-                  </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
-                class="t-color-picker__icon"
-                role="button"
-              >
-                <svg
-                  class="t-icon t-icon-add"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="add"
-                  >
-                    <path
-                      d="M12 5L12 19M19 12L5 12"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </h3>
-          <ul
-            class="t-color-picker__swatches--items narrow-scrollbar"
-          />
-        </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: rgb(236, 242, 254);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(212, 227, 252);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(187, 211, 251);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(150, 187, 248);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(105, 158, 245);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(71, 135, 240);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(38, 111, 232);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 82, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 52, 181);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 31, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(253, 236, 238);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 215, 217);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(248, 185, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 141, 148);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(243, 109, 120);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(227, 77, 89);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(201, 53, 63);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(177, 31, 38);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(149, 17, 20);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(104, 5, 6);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(254, 243, 230);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(249, 224, 199);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(247, 199, 151);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(242, 153, 95);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(237, 123, 47);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(211, 90, 33);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(186, 67, 27);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(158, 54, 16);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(132, 43, 11);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(90, 25, 7);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(232, 248, 242);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(188, 235, 220);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(133, 219, 190);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(72, 199, 156);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(0, 168, 112);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(7, 141, 92);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(6, 121, 69);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(5, 99, 52);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(4, 79, 42);"
-                />
-              </div>
-            </li>
-            <li
-              class="t-color-picker__swatches--item"
-            >
-              <div
-                class="t-color-picker__swatches--item__color t-color-picker--bg-alpha"
-              >
-                <span
-                  class="t-color-picker__swatches--item__inner"
-                  style="background: rgb(3, 48, 23);"
-                />
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\swatch-color.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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
-                  class="t-radio-button t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio-button__former"
-                    data-value="'monochrome'"
-                    tabindex="-1"
-                    type="radio"
-                    value="monochrome"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    单色
-                  </span>
-                </label>
-                <label
-                  class="t-radio-button"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio-button__former"
-                    data-value="'linear-gradient'"
-                    tabindex="-1"
-                    type="radio"
-                    value="linear-gradient"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    渐变
-                  </span>
-                </label>
-                <div
-                  class="t-radio-group__bg-block"
-                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-color-picker__body"
-          >
-            <div
-              class="t-color-picker__saturation"
-              style="background: rgb(0, 0, 0);"
-            >
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-                tabindex="0"
-              />
-            </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"
-                    />
-                    <span
-                      class="t-color-picker__thumb"
-                      role="slider"
-                      style="left: 60%; color: rgb(0, 0, 0);"
-                      tabindex="0"
-                    />
-                  </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: rgb(0, 82, 217);"
-                />
-              </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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="RGB"
-                    >
-                      <div
-                        class="t-input t-size-s t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="RGB"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          RGB
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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"
-                        spellcheck="false"
-                        value="0"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="0"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="82"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="82"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="217"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="217"
-                          />
-                        </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
-                      class="t-color-picker__icon"
-                      role="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-add"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add"
-                        >
-                          <path
-                            d="M12 5L12 19M19 12L5 12"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </h3>
-                <ul
-                  class="t-color-picker__swatches--items narrow-scrollbar"
-                />
-              </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;"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--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;"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--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;"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--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;"
-                      />
-                    </div>
-                  </li>
-                  <li
-                    class="t-color-picker__swatches--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;"
-                      />
-                    </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
-                  class="t-radio-button t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio-button__former"
-                    data-value="'monochrome'"
-                    tabindex="-1"
-                    type="radio"
-                    value="monochrome"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    单色
-                  </span>
-                </label>
-                <label
-                  class="t-radio-button"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio-button__former"
-                    data-value="'linear-gradient'"
-                    tabindex="-1"
-                    type="radio"
-                    value="linear-gradient"
-                  />
-                  <span
-                    class="t-radio-button__input"
-                  />
-                  <span
-                    class="t-radio-button__label"
-                  >
-                    渐变
-                  </span>
-                </label>
-                <div
-                  class="t-radio-group__bg-block"
-                  style="width: 0px; height: 0px; left: 0px; top: 0px;"
-                />
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-color-picker__body"
-          >
-            <div
-              class="t-color-picker__saturation"
-              style="background: rgb(0, 0, 0);"
-            >
-              <span
-                class="t-color-picker__thumb"
-                role="slider"
-                style="color: rgb(0, 82, 217); left: 230px; top: 25px;"
-                tabindex="0"
-              />
-            </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"
-                    />
-                    <span
-                      class="t-color-picker__thumb"
-                      role="slider"
-                      style="left: 60%; color: rgb(0, 0, 0);"
-                      tabindex="0"
-                    />
-                  </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: rgb(0, 82, 217);"
-                />
-              </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"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="RGB"
-                    >
-                      <div
-                        class="t-input t-size-s t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="RGB"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          RGB
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </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"
-                        spellcheck="false"
-                        value="0"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="0"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="82"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="82"
-                          />
-                        </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"
-                        spellcheck="false"
-                        value="217"
-                      >
-                        <div
-                          class="t-input t-size-s t-align-center"
-                        >
-                          <input
-                            autocomplete="off"
-                            class="t-input__inner"
-                            placeholder="请输入"
-                            type="text"
-                            value="217"
-                          />
-                        </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
-                      class="t-color-picker__icon"
-                      role="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-add"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add"
-                        >
-                          <path
-                            d="M12 5L12 19M19 12L5 12"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </h3>
-                <ul
-                  class="t-color-picker__swatches--items narrow-scrollbar"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\color-picker\\_example\\trigger.tsx 1`] = `
-<div>
-  <div
-    class="t-color-picker__trigger"
-  >
-    <div
-      class="t-color-picker__trigger--default"
-    >
-      <div
-        class="t-input__wrap t-input--auto-width"
-        spellcheck="false"
-        value="#0052d9"
-      >
-        <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: rgb(0, 82, 217);"
-              />
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="text"
-            value="#0052d9"
-          />
-          <span
-            class="t-input__input-pre"
-          >
-            #0052d9
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-comment"
-  >
-    <div
-      class="t-comment__inner"
-    >
-      <div
-        class="t-comment__avatar"
-      >
-        <img
-          alt=""
-          class="t-comment__avatar-image"
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\list.tsx 1`] = `
-<div>
-  <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
-                  alt=""
-                  class="t-comment__avatar-image"
-                  src="https://tdesign.gtimg.com/site/avatar.jpg"
-                />
-              </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
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-thumb-up"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="thumb-up"
-                        >
-                          <path
-                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span>
-                        6
-                      </span>
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-chat"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chat"
-                        >
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </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
-                  alt=""
-                  class="t-comment__avatar-image"
-                  src="https://tdesign.gtimg.com/site/avatar.jpg"
-                />
-              </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
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-thumb-up"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="thumb-up"
-                        >
-                          <path
-                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span>
-                        6
-                      </span>
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-chat"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chat"
-                        >
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </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
-                  alt=""
-                  class="t-comment__avatar-image"
-                  src="https://tdesign.gtimg.com/site/avatar.jpg"
-                />
-              </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
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-thumb-up"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="thumb-up"
-                        >
-                          <path
-                            d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span>
-                        6
-                      </span>
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                    type="button"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      <svg
-                        class="t-icon t-icon-chat"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 16px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chat"
-                        >
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span>
-                        回复
-                      </span>
-                    </span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\operation.tsx 1`] = `
-<div>
-  <div
-    class="t-comment"
-  >
-    <div
-      class="t-comment__inner"
-    >
-      <div
-        class="t-comment__avatar"
-      >
-        <img
-          alt=""
-          class="t-comment__avatar-image"
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-thumb-up"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="thumb-up"
-                >
-                  <path
-                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                6
-              </span>
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-chat"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chat"
-                >
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                回复
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\quote.tsx 1`] = `
-<div>
-  <div
-    class="t-comment"
-  >
-    <div
-      class="t-comment__inner"
-    >
-      <div
-        class="t-comment__avatar"
-      >
-        <img
-          alt=""
-          class="t-comment__avatar-image"
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-thumb-up"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="thumb-up"
-                >
-                  <path
-                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                6
-              </span>
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-chat"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chat"
-                >
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                回复
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\reply.tsx 1`] = `
-<div>
-  <div
-    class="t-comment comment-reply"
-  >
-    <div
-      class="t-comment__inner"
-    >
-      <div
-        class="t-comment__avatar"
-      >
-        <img
-          alt=""
-          class="t-comment__avatar-image"
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-thumb-up"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="thumb-up"
-                >
-                  <path
-                    d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                6
-              </span>
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              <svg
-                class="t-icon t-icon-chat"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chat"
-                >
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-              alt=""
-              class="t-comment__avatar-image"
-              src="https://tdesign.gtimg.com/site/avatar.jpg"
-            />
-          </div>
-          <div
-            class="t-comment__content"
-          >
-            <div
-              class="t-comment__author"
-            >
-              <span
-                class="t-comment__name"
-              >
-                <span>
-                  评论作者名B
-                </span>
-                <svg
-                  class="t-icon t-icon-caret-right-small t-size-s"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 12Z"
-                    fill="currentColor"
-                    id="caret-right-small"
-                  />
-                </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
-                class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  <svg
-                    class="t-icon t-icon-thumb-up"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 16px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="thumb-up"
-                    >
-                      <path
-                        d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span>
-                    6
-                  </span>
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-default t-button--variant-text t-size-s"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  <svg
-                    class="t-icon t-icon-chat"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 16px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="chat"
-                    >
-                      <path
-                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span>
-                    回复
-                  </span>
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\comment\\_example\\reply-form.tsx 1`] = `
-<div>
-  <div
-    class="t-comment"
-  >
-    <div
-      class="t-comment__inner"
-    >
-      <div
-        class="t-comment__avatar"
-      >
-        <img
-          alt=""
-          class="t-comment__avatar-image"
-          src="https://tdesign.gtimg.com/site/avatar.jpg"
-        />
-      </div>
-      <div
-        class="t-comment__content"
-      >
-        <div
-          class="t-comment__detail"
-        >
-          <div
-            class="t-space t-space-align-end t-space-vertical"
-            style="width: 100%; gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-textarea"
-              >
-                <textarea
-                  class="t-textarea__inner t-is-default"
-                  placeholder="请输入内容"
-                  style="height: auto; min-height: auto;"
-                />
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base"
-                style="float: right;"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  回复
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\calendar.tsx 1`] = `
-<div>
-  <div
-    class="t-calendar t-calendar--full"
-  >
-    <div
-      class="t-calendar__control"
-    >
-      <div
-        class="t-calendar__title"
-      />
-      <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="2020"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="please select"
-                    readonly=""
-                    type="text"
-                    value="2020"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    2020
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="December"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="please select"
-                    readonly=""
-                    type="text"
-                    value="December"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    December
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'month'"
-                tabindex="-1"
-                type="radio"
-                value="month"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                Month
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'year'"
-                tabindex="-1"
-                type="radio"
-                value="year"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                Year
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\date-picker.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="select date"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="select date"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="select date"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="select month"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="select month"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="select month"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="select year"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="select year"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="select year"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\dialog.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-              class="t-icon t-icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-dialog__body"
-        >
-          Would you like to be my friends？
-        </div>
-        <div
-          class="t-dialog__footer"
-        >
-          <button
-            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              cancel
-            </span>
-          </button>
-          <button
-            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-              class="t-icon t-icon-info-circle-filled t-is-info"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-                fill="currentColor"
-              />
-            </svg>
-            confirm
-          </div>
-          <span
-            class="t-dialog__close"
-            style="margin-left: auto;"
-          >
-            <svg
-              class="t-icon t-icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-dialog__body"
-        >
-          Would you like to be my friends？
-        </div>
-        <div
-          class="t-dialog__footer"
-        >
-          <button
-            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              cancel
-            </span>
-          </button>
-          <button
-            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-              class="t-icon t-icon-info-circle-filled t-is-warning"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-                fill="currentColor"
-              />
-            </svg>
-            confirm
-          </div>
-          <span
-            class="t-dialog__close"
-            style="margin-left: auto;"
-          >
-            <svg
-              class="t-icon t-icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-dialog__body"
-        >
-          Would you like to be my friends？
-        </div>
-        <div
-          class="t-dialog__footer"
-        >
-          <button
-            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              cancel
-            </span>
-          </button>
-          <button
-            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-              class="t-icon t-icon-info-circle-filled t-is-error"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-                fill="currentColor"
-              />
-            </svg>
-            confirm
-          </div>
-          <span
-            class="t-dialog__close"
-            style="margin-left: auto;"
-          >
-            <svg
-              class="t-icon t-icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-dialog__body"
-        >
-          Would you like to be my friends？
-        </div>
-        <div
-          class="t-dialog__footer"
-        >
-          <button
-            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              cancel
-            </span>
-          </button>
-          <button
-            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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
-              class="t-icon t-icon-check-circle-filled t-is-success"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                fill="currentColor"
-              />
-            </svg>
-            confirm
-          </div>
-          <span
-            class="t-dialog__close"
-            style="margin-left: auto;"
-          >
-            <svg
-              class="t-icon t-icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-dialog__body"
-        >
-          Would you like to be my friends？
-        </div>
-        <div
-          class="t-dialog__footer"
-        >
-          <button
-            class="t-dialog__cancel t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              cancel
-            </span>
-          </button>
-          <button
-            class="t-dialog__confirm t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              confirm
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\global.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <p>
-        使用
-        <code>
-          ConfigProvider
-        </code>
-        包裹业务功能的最外层组件，点击下方图标查看示例代码
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <p>
-        英文语言包引入路径：
-        <code>
-          import enConfig from 'tdesign-react/es/locale/en_US';
-        </code>
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <p>
-        中文语言包引入路径：
-        <code>
-          import zhConfig from 'tdesign-react/es/locale/zh_CN';
-        </code>
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <p>
-        日文语言包引入路径：
-        <code>
-          import jpConfig from 'tdesign-react/es/locale/ja_JP';
-        </code>
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <p>
-        韩文语言包引入路径：
-        <code>
-          import koConfig from 'tdesign-react/es/locale/ko_KR';
-        </code>
-      </p>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\input.tsx 1`] = `
-<div>
-  <div
-    class="t-input__wrap"
-    spellcheck="false"
-  >
-    <div
-      class="t-input t-align-left"
-    >
-      <input
-        class="t-input__inner"
-        placeholder="Always show clear icon when input has value"
-        type="text"
-        value=""
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\others.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                    class="t-input__inner"
-                    placeholder="There is no required mark on the left of this input in Form"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="There is required mark on the left of this input in Form"
-                    type="password"
-                    value=""
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-icon t-icon-browse-off t-input__suffix-clear"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="browse-off"
-                      >
-                        <path
-                          d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M20.9996 21L3 3"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="see loading text in Select"
-                readonly=""
-                type="text"
-                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"
-                    height="1em"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="select cascader data"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow t-cascader__icon"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="see loading text in TreeSelect"
-              readonly=""
-              type="text"
-              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"
-                  height="1em"
-                  version="1.1"
-                  viewBox="0 0 12 12"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <foreignobject
-                    height="12"
-                    width="12"
-                    x="0"
-                    y="0"
-                  >
-                    <div
-                      class="t-loading__gradient-conic"
-                    />
-                  </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
-                class="t-input__inner"
-                placeholder="select time"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-          class="t-icon t-icon-close-circle t-tag__icon-close"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="close-circle"
-          >
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-close-circle t-tag__icon-close"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="close-circle"
-          >
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-close-circle t-tag__icon-close"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="close-circle"
-          >
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-close-circle t-tag__icon-close"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="close-circle"
-          >
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-error"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="error"
-                  >
-                    <path
-                      d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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'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
-          class="t-image t-image--fit-scale-down t-image--position-center"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-        />
-        <div
-          class="t-image__loading"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <svg
-                class="t-icon t-icon-image"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="image"
-                >
-                  <path
-                    d="M3 21H20L9 10L3 16V21Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <circle
-                    cx="15.75"
-                    cy="8.25"
-                    fill="transparent"
-                    id="fill2"
-                    r="2"
-                  />
-                  <path
-                    d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                  <circle
-                    cx="15.75"
-                    cy="8.25"
-                    id="stroke2"
-                    r="2"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              图片加载中
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\pagination.tsx 1`] = `
-<div>
-  <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"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="10 / page"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="please select"
-                readonly=""
-                type="text"
-                value="10 / page"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                10 / page
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-pagination__jump"
-    >
-      <input
-        class="t-input__inner"
-        style="width: 10px;"
-        type="text"
-        value="1"
-      />
-      <span>
-         / 
-        4
-         页 
-      </span>
-      <button>
-         跳转 
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\popconfirm.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Default
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-warning t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Warning
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-danger t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Danger
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\config-provider\\_example\\table.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                  class="t-table__th-type"
-                  data-colkey="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
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-platform"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-property"
-                  data-colkey="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
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                          <div
-                            class="t-table__filter-icon"
-                          >
-                            <div>
-                              <svg
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </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
-                  class="t-table__th-type"
-                  data-colkey="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
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-platform"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-property"
-                  data-colkey="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
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-caret-down-small"
-                                fill="none"
-                                height="1em"
-                                style="fill: none; font-size: 18px;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <path
-                                  d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-                                  fill="currentColor"
-                                  id="caret-down-small"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                          <div
-                            class="t-table__filter-icon"
-                          >
-                            <div>
-                              <svg
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  Array
-                </td>
-                <td>
-                  Vue(PC)
-                </td>
-                <td>
-                  A
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  String
-                </td>
-                <td>
-                  React(PC)
-                </td>
-                <td>
-                  B
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  Object
-                </td>
-                <td>
-                  Miniprogram
-                </td>
-                <td>
-                  C
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择日期"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="可清除、可输入的日期选择器"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\cancel-range-limit.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\custom-icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--prefix t-input--suffix"
-            >
-              <span
-                class="t-input__prefix t-input__prefix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-browse"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    clip-path="url(#clip0_543_7945)"
-                    id="browse"
-                  >
-                    <path
-                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-              <input
-                class="t-input__inner"
-                placeholder="请选择日期"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-lock-on"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="lock-on"
-                  >
-                    <path
-                      d="M4.49951 10H19.4995V21H4.49951V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <g
-                      id="stroke1"
-                    >
-                      <path
-                        d="M4.49951 11H19.4995V21H4.49951V11Z"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                    <path
-                      d="M9.99951 16H13.9995"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-presets-alt.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-                spellcheck="false"
-                value="2022-01-01"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value="2022-01-01"
-                  />
-                </div>
-              </div>
-              <div
-                class="t-range-input__inner-separator"
-              >
-                 - 
-              </div>
-              <div
-                class="t-input__wrap t-range-input__inner-right"
-                spellcheck="false"
-                value="2022-08-08"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value="2022-08-08"
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-                spellcheck="false"
-                value="2022-01-01 11:11:11"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    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"
-                spellcheck="false"
-                value="2022-08-08 12:12:12"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value="2022-08-08 12:12:12"
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-range.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\date-time.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="2022-02-02 12:11:11"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择日期"
-                type="text"
-                value="2022-02-02 12:11:11"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value="2022-02-02 凌晨 12:11:11"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择日期"
-                type="text"
-                value="2022-02-02 凌晨 12:11:11"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\disable-date.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="禁用昨天、前天"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="明后三天禁用"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="禁用所有周六"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="禁用最近 3 天外的日期"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="禁用日期精确到时间"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="禁用最近 5 天外的日期"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="禁用最近 5 天外的日期"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\first-day-of-week.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="1"
-            tabindex="-1"
-            type="radio"
-            value="1"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            1
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="2"
-            tabindex="-1"
-            type="radio"
-            value="2"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            2
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="3"
-            tabindex="-1"
-            type="radio"
-            value="3"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            3
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="4"
-            tabindex="-1"
-            type="radio"
-            value="4"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            4
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="5"
-            tabindex="-1"
-            type="radio"
-            value="5"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            5
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="6"
-            tabindex="-1"
-            type="radio"
-            value="6"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            6
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="7"
-            tabindex="-1"
-            type="radio"
-            value="7"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            7
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择日期"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\month.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择月份"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择月份"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择月份"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="2024-10-24"
-                  >
-                    2024-10-24
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="2024-51周"
-                  >
-                    2024-51周
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="2023"
-                  >
-                    2023
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="2024"
-                  >
-                    2024
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\panel.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="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"
-                    >
-                      <div
-                        class="t-input__wrap"
-                        spellcheck="false"
-                        value="12 月"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择"
-                            readonly=""
-                            type="text"
-                            value="12 月"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-fake-arrow t-select__right-icon"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-select__wrap t-date-picker__header-controller-year"
-                  >
-                    <div
-                      class="t-select t-select-input"
-                    >
-                      <div
-                        class="t-input__wrap"
-                        spellcheck="false"
-                        value="2020"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择"
-                            readonly=""
-                            type="text"
-                            value="2020"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-fake-arrow t-select__right-icon"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-pagination-mini"
-                >
-                  <button
-                    class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="上个月"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-left"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-left"
-                      >
-                        <path
-                          d="M14.5 17.5L9 12L14.5 6.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                  <button
-                    class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="当前"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-round"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="round"
-                      >
-                        <circle
-                          cx="12"
-                          cy="12"
-                          fill="transparent"
-                          id="fill1"
-                          r="7"
-                        />
-                        <circle
-                          cx="12"
-                          cy="12"
-                          id="stroke1"
-                          r="7"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                  <button
-                    class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="下个月"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right"
-                      >
-                        <path
-                          d="M9.5 17.5L15 12L9.5 6.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                </div>
-              </div>
-              <div
-                class="t-date-picker__table"
-              >
-                <table>
-                  <thead>
-                    <tr>
-                      <th>
-                        一
-                      </th>
-                      <th>
-                        二
-                      </th>
-                      <th>
-                        三
-                      </th>
-                      <th>
-                        四
-                      </th>
-                      <th>
-                        五
-                      </th>
-                      <th>
-                        六
-                      </th>
-                      <th>
-                        日
-                      </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-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"
-                    >
-                      <div
-                        class="t-input__wrap"
-                        spellcheck="false"
-                        value="12 月"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择"
-                            readonly=""
-                            type="text"
-                            value="12 月"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-fake-arrow t-select__right-icon"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-select__wrap t-date-picker__header-controller-year"
-                  >
-                    <div
-                      class="t-select t-select-input"
-                    >
-                      <div
-                        class="t-input__wrap"
-                        spellcheck="false"
-                        value="2020"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择"
-                            readonly=""
-                            type="text"
-                            value="2020"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-fake-arrow t-select__right-icon"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-pagination-mini"
-                >
-                  <button
-                    class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="上个月"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-left"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-left"
-                      >
-                        <path
-                          d="M14.5 17.5L9 12L14.5 6.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                  <button
-                    class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="当前"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-round"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="round"
-                      >
-                        <circle
-                          cx="12"
-                          cy="12"
-                          fill="transparent"
-                          id="fill1"
-                          r="7"
-                        />
-                        <circle
-                          cx="12"
-                          cy="12"
-                          id="stroke1"
-                          r="7"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                  <button
-                    class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                    title="下个月"
-                    type="button"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right"
-                      >
-                        <path
-                          d="M9.5 17.5L15 12L9.5 6.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </button>
-                </div>
-              </div>
-              <div
-                class="t-date-picker__table"
-              >
-                <table>
-                  <thead>
-                    <tr>
-                      <th>
-                        一
-                      </th>
-                      <th>
-                        二
-                      </th>
-                      <th>
-                        三
-                      </th>
-                      <th>
-                        四
-                      </th>
-                      <th>
-                        五
-                      </th>
-                      <th>
-                        六
-                      </th>
-                      <th>
-                        日
-                      </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>
-                    <ul
-                      class="t-time-picker__panel-body-scroll"
-                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                    >
-                      <li
-                        class="t-time-picker__panel-body-scroll-item t-is-current"
-                      >
-                        00
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        01
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        02
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        03
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        04
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        05
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        06
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        07
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        08
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        09
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        10
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        11
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        12
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        13
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        14
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        15
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        16
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        17
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        18
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        19
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        20
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        21
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        22
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        23
-                      </li>
-                    </ul>
-                    <ul
-                      class="t-time-picker__panel-body-scroll"
-                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                    >
-                      <li
-                        class="t-time-picker__panel-body-scroll-item t-is-current"
-                      >
-                        00
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        01
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        02
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        03
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        04
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        05
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        06
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        07
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        08
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        09
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        10
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        11
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        12
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        13
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        14
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        15
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        16
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        17
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        18
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        19
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        20
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        21
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        22
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        23
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        24
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        25
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        26
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        27
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        28
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        29
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        30
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        31
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        32
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        33
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        34
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        35
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        36
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        37
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        38
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        39
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        40
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        41
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        42
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        43
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        44
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        45
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        46
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        47
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        48
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        49
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        50
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        51
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        52
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        53
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        54
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        55
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        56
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        57
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        58
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        59
-                      </li>
-                    </ul>
-                    <ul
-                      class="t-time-picker__panel-body-scroll"
-                      style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                    >
-                      <li
-                        class="t-time-picker__panel-body-scroll-item t-is-current"
-                      >
-                        00
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        01
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        02
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        03
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        04
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        05
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        06
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        07
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        08
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        09
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        10
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        11
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        12
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        13
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        14
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        15
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        16
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        17
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        18
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        19
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        20
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        21
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        22
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        23
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        24
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        25
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        26
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        27
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        28
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        29
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        30
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        31
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        32
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        33
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        34
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        35
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        36
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        37
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        38
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        39
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        40
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        41
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        42
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        43
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        44
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        45
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        46
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        47
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        48
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        49
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        50
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        51
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        52
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        53
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        54
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        55
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        56
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        57
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        58
-                      </li>
-                      <li
-                        class="t-time-picker__panel-body-scroll-item"
-                      >
-                        59
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-date-picker__footer t-date-picker__footer--bottom"
-          >
-            <div
-              class="t-date-picker__presets"
-            />
-            <div>
-              <div
-                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
-                disabled=""
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  确定
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="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"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="12 月"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="12 月"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-select__wrap t-date-picker__header-controller-year"
-                    >
-                      <div
-                        class="t-select t-select-input"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="2020"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="2020"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-pagination-mini"
-                  >
-                    <button
-                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="上个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-left"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-left"
-                        >
-                          <path
-                            d="M14.5 17.5L9 12L14.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="当前"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-round"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="round"
-                        >
-                          <circle
-                            cx="12"
-                            cy="12"
-                            fill="transparent"
-                            id="fill1"
-                            r="7"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            id="stroke1"
-                            r="7"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="下个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-right"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-right"
-                        >
-                          <path
-                            d="M9.5 17.5L15 12L9.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="t-date-picker__table"
-                >
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>
-                          一
-                        </th>
-                        <th>
-                          二
-                        </th>
-                        <th>
-                          三
-                        </th>
-                        <th>
-                          四
-                        </th>
-                        <th>
-                          五
-                        </th>
-                        <th>
-                          六
-                        </th>
-                        <th>
-                          日
-                        </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"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="1 月"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="1 月"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-select__wrap t-date-picker__header-controller-year"
-                    >
-                      <div
-                        class="t-select t-select-input"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="2021"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="2021"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-pagination-mini"
-                  >
-                    <button
-                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="上个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-left"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-left"
-                        >
-                          <path
-                            d="M14.5 17.5L9 12L14.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="当前"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-round"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="round"
-                        >
-                          <circle
-                            cx="12"
-                            cy="12"
-                            fill="transparent"
-                            id="fill1"
-                            r="7"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            id="stroke1"
-                            r="7"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="下个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-right"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-right"
-                        >
-                          <path
-                            d="M9.5 17.5L15 12L9.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="t-date-picker__table"
-                >
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>
-                          一
-                        </th>
-                        <th>
-                          二
-                        </th>
-                        <th>
-                          三
-                        </th>
-                        <th>
-                          四
-                        </th>
-                        <th>
-                          五
-                        </th>
-                        <th>
-                          六
-                        </th>
-                        <th>
-                          日
-                        </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-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"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="12 月"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="12 月"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-select__wrap t-date-picker__header-controller-year"
-                    >
-                      <div
-                        class="t-select t-select-input"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="2020"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="2020"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-pagination-mini"
-                  >
-                    <button
-                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="上个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-left"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-left"
-                        >
-                          <path
-                            d="M14.5 17.5L9 12L14.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="当前"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-round"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="round"
-                        >
-                          <circle
-                            cx="12"
-                            cy="12"
-                            fill="transparent"
-                            id="fill1"
-                            r="7"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            id="stroke1"
-                            r="7"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="下个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-right"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-right"
-                        >
-                          <path
-                            d="M9.5 17.5L15 12L9.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="t-date-picker__table"
-                >
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>
-                          一
-                        </th>
-                        <th>
-                          二
-                        </th>
-                        <th>
-                          三
-                        </th>
-                        <th>
-                          四
-                        </th>
-                        <th>
-                          五
-                        </th>
-                        <th>
-                          六
-                        </th>
-                        <th>
-                          日
-                        </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>
-                      <ul
-                        class="t-time-picker__panel-body-scroll"
-                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                      >
-                        <li
-                          class="t-time-picker__panel-body-scroll-item t-is-current"
-                        >
-                          00
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          01
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          02
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          03
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          04
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          05
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          06
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          07
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          08
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          09
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          10
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          11
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          12
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          13
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          14
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          15
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          16
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          17
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          18
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          19
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          20
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          21
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          22
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          23
-                        </li>
-                      </ul>
-                      <ul
-                        class="t-time-picker__panel-body-scroll"
-                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                      >
-                        <li
-                          class="t-time-picker__panel-body-scroll-item t-is-current"
-                        >
-                          00
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          01
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          02
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          03
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          04
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          05
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          06
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          07
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          08
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          09
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          10
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          11
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          12
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          13
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          14
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          15
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          16
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          17
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          18
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          19
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          20
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          21
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          22
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          23
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          24
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          25
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          26
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          27
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          28
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          29
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          30
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          31
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          32
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          33
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          34
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          35
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          36
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          37
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          38
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          39
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          40
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          41
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          42
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          43
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          44
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          45
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          46
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          47
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          48
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          49
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          50
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          51
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          52
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          53
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          54
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          55
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          56
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          57
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          58
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          59
-                        </li>
-                      </ul>
-                      <ul
-                        class="t-time-picker__panel-body-scroll"
-                        style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-                      >
-                        <li
-                          class="t-time-picker__panel-body-scroll-item t-is-current"
-                        >
-                          00
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          01
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          02
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          03
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          04
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          05
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          06
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          07
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          08
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          09
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          10
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          11
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          12
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          13
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          14
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          15
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          16
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          17
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          18
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          19
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          20
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          21
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          22
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          23
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          24
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          25
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          26
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          27
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          28
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          29
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          30
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          31
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          32
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          33
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          34
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          35
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          36
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          37
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          38
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          39
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          40
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          41
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          42
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          43
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          44
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          45
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          46
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          47
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          48
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          49
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          50
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          51
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          52
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          53
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          54
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          55
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          56
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          57
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          58
-                        </li>
-                        <li
-                          class="t-time-picker__panel-body-scroll-item"
-                        >
-                          59
-                        </li>
-                      </ul>
-                    </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
-                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
-                disabled=""
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  确定
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="border-radius: 3px;"
-      >
-        <div
-          class="t-date-range-picker__panel t-date-range-picker__panel--switch-mode"
-        >
-          <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"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="12 月"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="12 月"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-select__wrap t-date-picker__header-controller-year"
-                    >
-                      <div
-                        class="t-select t-select-input"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="2020"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="2020"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-pagination-mini"
-                  >
-                    <button
-                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="上个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-left"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-left"
-                        >
-                          <path
-                            d="M14.5 17.5L9 12L14.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="当前"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-round"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="round"
-                        >
-                          <circle
-                            cx="12"
-                            cy="12"
-                            fill="transparent"
-                            id="fill1"
-                            r="7"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            id="stroke1"
-                            r="7"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="下个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-right"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-right"
-                        >
-                          <path
-                            d="M9.5 17.5L15 12L9.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="t-date-picker__table"
-                >
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>
-                          一
-                        </th>
-                        <th>
-                          二
-                        </th>
-                        <th>
-                          三
-                        </th>
-                        <th>
-                          四
-                        </th>
-                        <th>
-                          五
-                        </th>
-                        <th>
-                          六
-                        </th>
-                        <th>
-                          日
-                        </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"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="1 月"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="1 月"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-select__wrap t-date-picker__header-controller-year"
-                    >
-                      <div
-                        class="t-select t-select-input"
-                      >
-                        <div
-                          class="t-input__wrap"
-                          spellcheck="false"
-                          value="2021"
-                        >
-                          <div
-                            class="t-input t-align-left t-input--suffix"
-                          >
-                            <input
-                              class="t-input__inner"
-                              placeholder="请选择"
-                              readonly=""
-                              type="text"
-                              value="2021"
-                            />
-                            <span
-                              class="t-input__suffix t-input__suffix-icon"
-                            >
-                              <svg
-                                class="t-fake-arrow t-select__right-icon"
-                                fill="none"
-                                height="16"
-                                viewBox="0 0 16 16"
-                                width="16"
-                                xmlns="http://www.w3.org/2000/svg"
-                              >
-                                <path
-                                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                  stroke="black"
-                                  stroke-opacity="0.9"
-                                  stroke-width="1.3"
-                                />
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-pagination-mini"
-                  >
-                    <button
-                      class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="上个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-left"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-left"
-                        >
-                          <path
-                            d="M14.5 17.5L9 12L14.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="当前"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-round"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="round"
-                        >
-                          <circle
-                            cx="12"
-                            cy="12"
-                            fill="transparent"
-                            id="fill1"
-                            r="7"
-                          />
-                          <circle
-                            cx="12"
-                            cy="12"
-                            id="stroke1"
-                            r="7"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                    <button
-                      class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square t-size-s"
-                      title="下个月"
-                      type="button"
-                    >
-                      <svg
-                        class="t-icon t-icon-chevron-right"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="chevron-right"
-                        >
-                          <path
-                            d="M9.5 17.5L15 12L9.5 6.5"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="t-date-picker__table"
-                >
-                  <table>
-                    <thead>
-                      <tr>
-                        <th>
-                          一
-                        </th>
-                        <th>
-                          二
-                        </th>
-                        <th>
-                          三
-                        </th>
-                        <th>
-                          四
-                        </th>
-                        <th>
-                          五
-                        </th>
-                        <th>
-                          六
-                        </th>
-                        <th>
-                          日
-                        </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
-            class="t-date-picker__footer t-date-picker__footer--bottom"
-          >
-            <div
-              class="t-date-picker__presets"
-            />
-            <div>
-              <button
-                class="t-button t-button--theme-primary t-button--variant-text t-size-s"
-                style="margin-right: 16px;"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  选择时间
-                </span>
-              </button>
-              <div
-                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
-                disabled=""
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  确定
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\quarter.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择季度"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择季度"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择季度"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\range.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="2000-2010之间的日期"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="2000-2010之间的日期"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="2000-2010之间的日期"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="2026开始，不限制结束"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="2026开始，不限制结束"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="2026开始，不限制结束"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="2026开始，不限制结束"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="2026开始，不限制结束"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="2026开始，不限制结束"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="未来 90 天"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="未来 90 天"
-                    readonly=""
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="未来 90 天"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\week.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择周"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择周"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择周"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\date-picker\\_example\\year.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-date-picker"
-      >
-        <div
-          class="t-select-input t-select-input--empty"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择年份"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-input__inner"
-                    placeholder="请选择年份"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请选择年份"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-calendar"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="calendar"
-                  >
-                    <path
-                      d="M21 10H3V21H21V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21 10H3V5H21V10Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\bordered.tsx 1`] = `
-<div>
-  <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
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Name
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            TDesign
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Telephone Number
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            139****0609
-          </td>
-        </tr>
-        <tr>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Area
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            China Tencent Headquarters
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Address
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            Shenzhen Penguin Island D1 4A Mail Center
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\colon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-size-l"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\column.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-value="2"
-            tabindex="-1"
-            type="radio"
-            value="2"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            2
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="3"
-            tabindex="-1"
-            type="radio"
-            value="3"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            3
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="4"
-            tabindex="-1"
-            type="radio"
-            value="4"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            4
-          </span>
-        </label>
-      </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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\custom-style.tsx 1`] = `
-<div>
-  <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
-            class="t-descriptions__label"
-            colspan="1"
-            style="width: 100px; text-align: left;"
-          >
-            Name
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-            style="text-align: center;"
-          >
-            TDesign
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-            style="width: 100px; text-align: left;"
-          >
-            Telephone Number
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-            style="text-align: center;"
-          >
-            139****0609
-          </td>
-        </tr>
-        <tr>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-            style="width: 100px; text-align: left;"
-          >
-            Area
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-            style="text-align: center;"
-          >
-            China Tencent Headquarters
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-            style="width: 100px; text-align: left;"
-          >
-            Address
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-            style="text-align: center;"
-          >
-            Shenzhen Penguin Island D1 4A Mail Center
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\items.tsx 1`] = `
-<div>
-  <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
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Name
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            TDesign
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            <button>
-              Telephone Number
-            </button>
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            139****0609
-          </td>
-        </tr>
-        <tr>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            Area
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            <h3>
-              China Tencent Headquarters
-            </h3>
-          </td>
-          <td
-            class="t-descriptions__label"
-            colspan="1"
-          >
-            <i>
-              Address
-            </i>
-          </td>
-          <td
-            class="t-descriptions__content"
-            colspan="1"
-          >
-            <mark>
-               Shenzhen Penguin Island D1 4A Mail Center
-            </mark>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\layout.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="'horizontal'"
-                tabindex="-1"
-                type="radio"
-                value="horizontal"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                horizontal
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'vertical'"
-                tabindex="-1"
-                type="radio"
-                value="vertical"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                vertical
-              </span>
-            </label>
-          </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
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="'horizontal'"
-                tabindex="-1"
-                type="radio"
-                value="horizontal"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                horizontal
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'vertical'"
-                tabindex="-1"
-                type="radio"
-                value="vertical"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                vertical
-              </span>
-            </label>
-          </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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\nest.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                <div
-                  class="t-descriptions"
-                >
-                  <table
-                    class="t-descriptions__body t-size-m"
-                  >
-                    <tbody>
-                      <tr>
-                        <td
-                          class="t-descriptions__label"
-                          colspan="1"
-                          style="background: rgb(244, 244, 244);"
-                        >
-                          City
-                          ：
-                        </td>
-                        <td
-                          class="t-descriptions__content"
-                          colspan="1"
-                        >
-                          Shenzhen
-                        </td>
-                        <td
-                          class="t-descriptions__label"
-                          colspan="1"
-                          style="background: rgb(244, 244, 244);"
-                        >
-                          Detail
-                          ：
-                        </td>
-                        <td
-                          class="t-descriptions__content"
-                          colspan="1"
-                        >
-                          Penguin Island D1 4A Mail Center
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'large'"
-            tabindex="-1"
-            type="radio"
-            value="large"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            large
-          </span>
-        </label>
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-value="'medium'"
-            tabindex="-1"
-            type="radio"
-            value="medium"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            medium
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'small'"
-            tabindex="-1"
-            type="radio"
-            value="small"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            small
-          </span>
-        </label>
-      </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
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\descriptions\\_example\\table-layout.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-value="'fixed'"
-            tabindex="-1"
-            type="radio"
-            value="fixed"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            fixed
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'auto'"
-            tabindex="-1"
-            type="radio"
-            value="auto"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            auto
-          </span>
-        </label>
-      </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--fixed t-descriptions__body--border"
-        >
-          <tbody>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Name
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                TDesign
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Telephone Number
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                139****0609
-              </td>
-            </tr>
-            <tr>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Area
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                China Tencent Headquarters
-              </td>
-              <td
-                class="t-descriptions__label"
-                colspan="1"
-              >
-                Address
-              </td>
-              <td
-                class="t-descriptions__content"
-                colspan="1"
-              >
-                Shenzhen Penguin Island D1 4A Mail Center
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\async.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Open Modal
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Open Plugin Modal
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\attach.tsx 1`] = `
-<div>
-  <div
-    style="position: relative; height: 400px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="margin-right: 16px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        挂载在body
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="margin-right: 16px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        挂载特定元素
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="margin-right: 16px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        挂载函数返回节点
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="margin-right: 16px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        展示在挂载元素区域
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\base.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Open Modal
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\custom.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      只显示确认按钮
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      自定义按钮内容
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      自定义内容
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\icon.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Open Modal
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\modal.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          普通对话框（不可拖拽）
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          普通对话框（可拖拽）
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          非模态对话框（不可拖拽）
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          非模态对话框（可拖拽）
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\plugin.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            dialog
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            handleDialogNode
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            confirm
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            alert
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            DialogPlugin.confirm
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\position.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      默认
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      垂直居中
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    style="margin-right: 16px;"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      自定义
-    </span>
-  </button>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      超出屏幕
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dialog\\_example\\warning.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          提示反馈
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          成功反馈
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          警示反馈
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          错误反馈
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    />
-    <div
-      class="t-space-item"
-    />
-    <div
-      class="t-space-item"
-    />
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\base.tsx 1`] = `
-<div>
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-  <div
-    class="t-divider t-divider--horizontal"
-  />
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-  <div
-    class="t-divider t-divider--horizontal t-divider--dashed"
-  />
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\size.tsx 1`] = `
-<div>
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-  <div
-    class="t-divider t-divider--horizontal"
-    style="margin: 20px 0px;"
-  />
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-  <div
-    class="t-divider t-divider--vertical"
-    style="margin: 0px 20px;"
-  />
-  <p>
-    通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。
-  </p>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\text.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\divider\\_example\\vertical.tsx 1`] = `
-<div>
-  <span>
-    正直
-  </span>
-  <div
-    class="t-divider t-divider--vertical"
-  />
-  <span>
-    进取
-  </span>
-  <div
-    class="t-divider t-divider--vertical"
-  />
-  <span>
-    合作
-  </span>
-  <div
-    class="t-divider t-divider--vertical"
-  />
-  <span>
-    创新
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\attach-parent.tsx 1`] = `
-<div>
-  <div
-    id="demo-container"
-    style="position: relative; height: 400px; padding: 48px; overflow: hidden; background: rgb(250, 250, 250); border: 1px solid #ebedf0; border-radius: 2px;"
-  >
-    <div
-      id="demo-suf-container"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'left'"
-                  tabindex="-1"
-                  type="radio"
-                  value="left"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  左侧
-                </span>
-              </label>
-              <label
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'right'"
-                  tabindex="-1"
-                  type="radio"
-                  value="right"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  右侧
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'top'"
-                  tabindex="-1"
-                  type="radio"
-                  value="top"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  上方
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'bottom'"
-                  tabindex="-1"
-                  type="radio"
-                  value="bottom"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <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
-                class="t-radio-button t-is-checked"
-                tabindex="0"
-              >
-                <input
-                  checked=""
-                  class="t-radio-button__former"
-                  data-value="'push'"
-                  tabindex="-1"
-                  type="radio"
-                  value="push"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  push
-                </span>
-              </label>
-              <label
-                class="t-radio-button"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio-button__former"
-                  data-value="'overlay'"
-                  tabindex="-1"
-                  type="radio"
-                  value="overlay"
-                />
-                <span
-                  class="t-radio-button__input"
-                />
-                <span
-                  class="t-radio-button__label"
-                >
-                  overlay
-                </span>
-              </label>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                Open
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\base.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      打开抽屉
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\custom.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      打开抽屉
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\destroy.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      打开抽屉
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\no-mask.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      打开抽屉
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\operation.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      打开抽屉
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\placement.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'left'"
-            tabindex="-1"
-            type="radio"
-            value="left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左侧
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'right'"
-            tabindex="-1"
-            type="radio"
-            value="right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右侧
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'top'"
-            tabindex="-1"
-            type="radio"
-            value="top"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上方
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bottom'"
-            tabindex="-1"
-            type="radio"
-            value="bottom"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            下方
-          </span>
-        </label>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            打开抽屉
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\plugin.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <p>
-        函数调用方式一：DrawerPlugin(options)
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <p>
-        函数调用方式二：drawer(options)
-      </p>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            DrawerPlugin
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          style="margin-right: 16px;"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            drawer
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\popup.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <span>
-          抽屉弹出模式：
-        </span>
-        <div
-          class="t-radio-group t-size-m t-radio-group__outline"
-        >
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'push'"
-              tabindex="-1"
-              type="radio"
-              value="push"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              push
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'overlay'"
-              tabindex="-1"
-              type="radio"
-              value="overlay"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              overlay
-            </span>
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            打开抽屉
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'small'"
-            tabindex="-1"
-            type="radio"
-            value="small"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            small(300px)
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'medium'"
-            tabindex="-1"
-            type="radio"
-            value="medium"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            medium(500px)
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'large'"
-            tabindex="-1"
-            type="radio"
-            value="large"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            large(760px)
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="200"
-            tabindex="-1"
-            type="radio"
-            value="200"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            200
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'400px'"
-            tabindex="-1"
-            type="radio"
-            value="400px"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            400px
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'50%'"
-            tabindex="-1"
-            type="radio"
-            value="50%"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            50%
-          </span>
-        </label>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            打开抽屉
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\drawer\\_example\\size-draggable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'left'"
-            tabindex="-1"
-            type="radio"
-            value="left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            从左侧拖拽抽屉
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'right'"
-            tabindex="-1"
-            type="radio"
-            value="right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            从右侧拖拽抽屉
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'top'"
-            tabindex="-1"
-            type="radio"
-            value="top"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            从上方拖拽抽屉
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bottom'"
-            tabindex="-1"
-            type="radio"
-            value="bottom"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            从下方拖拽抽屉
-          </span>
-        </label>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            打开抽屉
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\base.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\button.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      <svg
-        class="t-icon t-icon-ellipsis"
-      >
-        <use
-          xlink:href="#t-icon-ellipsis"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\child.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\click.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      hover我试试
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\custom.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      点击我试试
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\disabled.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\icon.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\left.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\long.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      hover我试试
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\multiple.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      <svg
-        class="t-icon t-icon-ellipsis"
-      >
-        <use
-          xlink:href="#t-icon-ellipsis"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\split.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\dropdown\\_example\\theme.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      更多
-    </span>
-    <span
-      class="t-button__suffix"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down"
-      >
-        <use
-          xlink:href="#t-icon-chevron-down"
-        />
-      </svg>
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-empty t-size"
-  >
-    <div
-      class="t-empty__image"
-    >
-      <svg
-        fill="none"
-        height="1em"
-        viewBox="0 0 48 48"
-        width="1em"
-        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
-              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-            <path
-              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)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-          </g>
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-empty__title"
-    >
-      暂无数据
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\descriptions.tsx 1`] = `
-<div>
-  <div
-    class="t-empty t-size"
-  >
-    <div
-      class="t-empty__image"
-    >
-      <svg
-        fill="none"
-        height="1em"
-        viewBox="0 0 48 48"
-        width="1em"
-        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
-              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-            <path
-              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)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-          </g>
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-empty__title"
-    >
-      暂无数据
-    </div>
-    <div
-      class="t-empty__description"
-    >
-      description
-    </div>
-    <div
-      class="t-empty__action"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          返回首页
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\operation.tsx 1`] = `
-<div>
-  <div
-    class="t-empty t-size"
-  >
-    <div
-      class="t-empty__image"
-    >
-      <svg
-        fill="none"
-        height="1em"
-        viewBox="0 0 48 48"
-        width="1em"
-        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
-              d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-            <path
-              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)"
-              fill-rule="evenodd"
-            />
-            <path
-              d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
-              fill="var(--td-text-color-placeholder)"
-            />
-          </g>
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-empty__title"
-    >
-      暂无数据
-    </div>
-    <div
-      class="t-empty__action"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          返回首页
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\self-defined.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-error-circle"
-            color="var(--td-text-color-placeholder)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 64px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="error-circle"
-            >
-              <path
-                d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          暂无数据
-        </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
-          class="t-empty__title"
-        >
-          暂无数据
-        </div>
-        <div
-          class="t-empty__description"
-        >
-          暂无数据
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'small'"
-            tabindex="-1"
-            type="radio"
-            value="small"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            small
-          </span>
-        </label>
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-value="'medium'"
-            tabindex="-1"
-            type="radio"
-            value="medium"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            medium
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'large'"
-            tabindex="-1"
-            type="radio"
-            value="large"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            large
-          </span>
-        </label>
-      </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
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 48 48"
-                  width="1em"
-                  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
-                        d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
-                        fill="var(--td-text-color-placeholder)"
-                      />
-                      <path
-                        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)"
-                        fill-rule="evenodd"
-                      />
-                      <path
-                        d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
-                        fill="var(--td-text-color-placeholder)"
-                      />
-                    </g>
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-empty__title"
-              >
-                暂无数据
-              </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
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 48 48"
-                  width="1em"
-                  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
-                        d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
-                        fill="var(--td-text-color-placeholder)"
-                      />
-                      <path
-                        d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
-                        fill="var(--td-text-color-placeholder)"
-                      />
-                    </g>
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-empty__title"
-              >
-                建设中
-              </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
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 48 48"
-                  width="1em"
-                  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
-                        d="M26.0078 20H22V24.0078H26.0078V20Z"
-                        fill="var(--td-text-color-placeholder)"
-                      />
-                      <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)"
-                      />
-                    </g>
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-empty__title"
-              >
-                网络错误
-              </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
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 48 48"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    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"
-                    fill-rule="evenodd"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-empty__title"
-              >
-                成功
-              </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
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 48 48"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    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"
-                    fill-rule="evenodd"
-                  />
-                </svg>
-              </div>
-              <div
-                class="t-empty__title"
-              >
-                失败
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\empty\\_example\\status.tsx 1`] = `
-<div>
-  <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"
-            height="1em"
-            viewBox="0 0 48 48"
-            width="1em"
-            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
-                  d="M10.002 1.17157L7.17353 4L13.002 9.82843L15.8304 7L10.002 1.17157Z"
-                  fill="var(--td-text-color-placeholder)"
-                />
-                <path
-                  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)"
-                  fill-rule="evenodd"
-                />
-                <path
-                  d="M37.998 1.17157L32.1696 7L34.998 9.82843L40.8265 4L37.998 1.17157Z"
-                  fill="var(--td-text-color-placeholder)"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          暂无数据
-        </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
-            fill="none"
-            height="1em"
-            viewBox="0 0 48 48"
-            width="1em"
-            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
-                  d="M31.2011 21H16.7989L13.6699 28.4615H34.3301L31.2011 21Z"
-                  fill="var(--td-text-color-placeholder)"
-                />
-                <path
-                  d="M36.0076 32.4615H11.9924L9.66997 37.9997H6V41.9997H42V37.9997H38.33L36.0076 32.4615Z"
-                  fill="var(--td-text-color-placeholder)"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          建设中
-        </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
-            fill="none"
-            height="1em"
-            viewBox="0 0 48 48"
-            width="1em"
-            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
-                  d="M26.0078 20H22V24.0078H26.0078V20Z"
-                  fill="var(--td-text-color-placeholder)"
-                />
-                <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)"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          网络错误
-        </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
-            fill="none"
-            height="1em"
-            viewBox="0 0 48 48"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              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"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          成功
-        </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
-            fill="none"
-            height="1em"
-            viewBox="0 0 48 48"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              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"
-              fill-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-empty__title"
-        >
-          失败
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\align.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'left'"
-            tabindex="-1"
-            type="radio"
-            value="left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左对齐
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'right'"
-            tabindex="-1"
-            type="radio"
-            value="right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右对齐
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'top'"
-            tabindex="-1"
-            type="radio"
-            value="top"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            顶部对齐
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\base.tsx 1`] = `
-<div>
-  <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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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"
-                spellcheck="false"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-icon t-icon-calendar"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="calendar"
-                      >
-                        <path
-                          d="M21 10H3V21H21V10Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M21 10H3V5H21V10Z"
-                          fill="transparent"
-                          id="fill2"
-                        />
-                        <path
-                          d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'male'"
-                tabindex="-1"
-                type="radio"
-                value="male"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                男性
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'female'"
-                tabindex="-1"
-                type="radio"
-                value="female"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'0'"
-                tabindex="-1"
-                type="radio"
-                value="0"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'la'"
-                tabindex="-1"
-                type="checkbox"
-                value="la"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                加辣
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'ma'"
-                tabindex="-1"
-                type="checkbox"
-                value="ma"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                加麻
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'nocong'"
-                tabindex="-1"
-                type="checkbox"
-                value="nocong"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </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
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-text"
-              type="button"
-            >
-              <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
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base"
-                type="submit"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  提交
-                </span>
-              </button>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  设置信息
-                </span>
-              </button>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-base"
-                type="reset"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重置
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\clear-validate.tsx 1`] = `
-<div>
-  <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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="password"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-browse-off t-input__suffix-clear"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="browse-off"
-                  >
-                    <path
-                      d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20.9996 21L3 3"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__email"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__gender"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'male'"
-                tabindex="-1"
-                type="radio"
-                value="male"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                男
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'femal'"
-                tabindex="-1"
-                type="radio"
-                value="femal"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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--required t-form__label--right"
-        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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                语文
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                数学
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                英语
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__content.url"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-right: 10px;"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-right: 10px;"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-right: 10px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              清空校验结果
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-               
-              清除指定字段的校验结果
-               
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\custom-validator.tsx 1`] = `
-<div>
-  <form
-    class="t-form"
-  >
-    <div
-      class="t-form__item t-form-item__account"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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>
-          密码
-        </label>
-      </div>
-      <div
-        class="t-form__controls"
-        style="margin-left: 100px;"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__rePassword"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin: 0px 12px;"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              清除校验状态
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\customized-form-controls.tsx 1`] = `
-<div>
-  <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
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <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-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请选择课程类型"
-                        readonly=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-fake-arrow t-select__right-icon"
-                          fill="none"
-                          height="16"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                            stroke="black"
-                            stroke-opacity="0.9"
-                            stroke-width="1.3"
-                          />
-                        </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
-                    class="t-input__inner"
-                    placeholder="请输入课程名称"
-                    type="text"
-                    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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              设置数据
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-left: 12px;"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="margin-left: 36px;"
-      >
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="false"
-              tabindex="-1"
-              type="radio"
-              value="0"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              启用
-            </span>
-          </label>
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="true"
-              tabindex="-1"
-              type="radio"
-              value="1"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              禁用
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </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"
-                spellcheck="false"
-                value=""
-              >
-                <div
-                  class="t-input t-is-disabled t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    disabled=""
-                    placeholder="请输入"
-                    type="text"
-                    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-disabled t-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        disabled=""
-                        placeholder="请选择"
-                        readonly=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-fake-arrow t-select__right-icon"
-                          fill="none"
-                          height="16"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                            stroke="black"
-                            stroke-opacity="0.9"
-                            stroke-width="1.3"
-                          />
-                        </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"
-                  spellcheck="false"
-                  value="江苏"
-                >
-                  <div
-                    class="t-input t-is-disabled t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="江苏"
-                    />
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-fake-arrow--disable"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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"
-              >
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value="上海"
-                >
-                  <div
-                    class="t-input t-is-disabled t-align-left t-input--suffix"
-                  >
-                    <input
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="请选择"
-                      readonly=""
-                      type="text"
-                      value="上海"
-                    />
-                    <span
-                      class="t-input__suffix t-input__suffix-icon"
-                    >
-                      <svg
-                        class="t-fake-arrow t-cascader__icon t-is-disabled"
-                        fill="none"
-                        height="16"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                          stroke="black"
-                          stroke-opacity="0.9"
-                          stroke-width="1.3"
-                        />
-                      </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"
-                    spellcheck="false"
-                    value=""
-                  >
-                    <div
-                      class="t-input t-is-disabled t-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        disabled=""
-                        placeholder="请选择日期"
-                        readonly=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-calendar"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="calendar"
-                          >
-                            <path
-                              d="M21 10H3V21H21V10Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 10H3V5H21V10Z"
-                              fill="transparent"
-                              id="fill2"
-                            />
-                            <path
-                              d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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
-                  class="t-textarea__inner t-is-default t-is-disabled"
-                  disabled=""
-                  placeholder="简单描述自己的经历"
-                  style="height: auto; min-height: auto;"
-                />
-              </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
-                class="t-switch t-is-checked t-is-disabled t-size-m"
-                disabled=""
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <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
-                    class="t-radio__former"
-                    data-value="'1'"
-                    disabled=""
-                    tabindex="-1"
-                    type="radio"
-                    value="1"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <span
-                    class="t-radio__label"
-                  >
-                    男
-                  </span>
-                </label>
-                <label
-                  class="t-radio t-is-disabled"
-                >
-                  <input
-                    class="t-radio__former"
-                    data-value="'2'"
-                    disabled=""
-                    tabindex="-1"
-                    type="radio"
-                    value="2"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <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
-                    class="t-checkbox__former"
-                    data-value="'1'"
-                    disabled=""
-                    tabindex="-1"
-                    type="checkbox"
-                    value="1"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    语文
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox t-is-disabled"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'2'"
-                    disabled=""
-                    tabindex="-1"
-                    type="checkbox"
-                    value="2"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    数学
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox t-is-disabled"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'3'"
-                    disabled=""
-                    tabindex="-1"
-                    type="checkbox"
-                    value="3"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <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"
-                  spellcheck="false"
-                  value="0"
-                >
-                  <div
-                    class="t-input t-is-disabled t-align-left"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      disabled=""
-                      placeholder="数字"
-                      type="text"
-                      value="0"
-                    />
-                  </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
-                  accept="image/*"
-                  disabled=""
-                  hidden=""
-                  type="file"
-                />
-                <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
-                            class="t-image t-image--fit-contain t-image--position-center"
-                            src="https://tdesign.gtimg.com/site/avatar.jpg"
-                          />
-                          <div
-                            class="t-image__loading"
-                          >
-                            <div
-                              class="t-space t-space-align-center t-space-vertical"
-                              style="gap: 8px;"
-                            >
-                              <div
-                                class="t-space-item"
-                              >
-                                <svg
-                                  class="t-icon t-icon-image"
-                                  fill="none"
-                                  height="1em"
-                                  style="fill: none; font-size: 24px;"
-                                  viewBox="0 0 24 24"
-                                  width="1em"
-                                >
-                                  <g
-                                    id="image"
-                                  >
-                                    <path
-                                      d="M3 21H20L9 10L3 16V21Z"
-                                      fill="transparent"
-                                      id="fill1"
-                                    />
-                                    <circle
-                                      cx="15.75"
-                                      cy="8.25"
-                                      fill="transparent"
-                                      id="fill2"
-                                      r="2"
-                                    />
-                                    <path
-                                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                      id="stroke1"
-                                      stroke="currentColor"
-                                      stroke-width="2"
-                                    />
-                                    <circle
-                                      cx="15.75"
-                                      cy="8.25"
-                                      id="stroke2"
-                                      r="2"
-                                      stroke="currentColor"
-                                      stroke-width="2"
-                                    />
-                                  </g>
-                                </svg>
-                              </div>
-                              <div
-                                class="t-space-item"
-                              >
-                                图片加载中
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                        <div
-                          class="t-upload__card-mask"
-                        >
-                          <span
-                            class="t-upload__card-mask-item"
-                          >
-                            <svg
-                              class="t-icon t-icon-browse"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                clip-path="url(#clip0_543_7945)"
-                                id="browse"
-                              >
-                                <path
-                                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                                  fill="transparent"
-                                  id="fill1"
-                                />
-                                <path
-                                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                                  fill="transparent"
-                                  id="fill2"
-                                />
-                                <path
-                                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                                <path
-                                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                                  id="stroke2"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                      <a
-                        class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color"
-                        href="https://tdesign.gtimg.com/site/avatar.jpg"
-                        target="_blank"
-                      >
-                        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
-                class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
-                disabled=""
-                style="margin-right: 10px;"
-                type="submit"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  提交
-                </span>
-              </div>
-              <div
-                class="t-button t-button--theme-default t-button--variant-base t-is-disabled"
-                disabled=""
-                type="reset"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重置
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\error-message.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'default'"
-              tabindex="-1"
-              type="radio"
-              value="default"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              <span
-                class="t-trigger"
-              >
-                使用表单默认校验信息
-              </span>
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'config'"
-              tabindex="-1"
-              type="radio"
-              value="config"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              <span
-                class="t-trigger"
-              >
-                表单统一配置校验信息
-              </span>
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </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--required t-form__label--right"
-            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"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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"
-                spellcheck="false"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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--required t-form__label--right"
-            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"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="password"
-                    value=""
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-icon t-icon-browse-off t-input__suffix-clear"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="browse-off"
-                      >
-                        <path
-                          d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M20.9996 21L3 3"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-form__item t-form-item__email"
-        >
-          <div
-            class="t-form__label t-form__label--required t-form__label--right"
-            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"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-form__item t-form-item__gender"
-        >
-          <div
-            class="t-form__label t-form__label--required t-form__label--right"
-            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"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio__former"
-                    data-value="'male'"
-                    tabindex="-1"
-                    type="radio"
-                    value="male"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <span
-                    class="t-radio__label"
-                  >
-                    男
-                  </span>
-                </label>
-                <label
-                  class="t-radio"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio__former"
-                    data-value="'femal'"
-                    tabindex="-1"
-                    type="radio"
-                    value="femal"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <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--required t-form__label--right"
-            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"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'1'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="1"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    语文
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'2'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="2"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    数学
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'3'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="3"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    英语
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'4'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="4"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <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-align-left t-input--suffix"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请选择"
-                        readonly=""
-                        type="text"
-                        value=""
-                      />
-                      <span
-                        class="t-input__suffix t-input__suffix-icon"
-                      >
-                        <svg
-                          class="t-fake-arrow t-select__right-icon"
-                          fill="none"
-                          height="16"
-                          viewBox="0 0 16 16"
-                          width="16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                            stroke="black"
-                            stroke-opacity="0.9"
-                            stroke-width="1.3"
-                          />
-                        </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"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-form__item t-form-item__content.url"
-        >
-          <div
-            class="t-form__label t-form__label--required t-form__label--right"
-            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"
-                value=""
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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
-                class="t-button t-button--theme-primary t-button--variant-base"
-                style="margin-right: 10px;"
-                type="submit"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  提交
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-default t-button--variant-base"
-                style="margin-right: 10px;"
-                type="reset"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重置
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-default t-button--variant-base"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  清空校验结果
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\form-field-linkage.tsx 1`] = `
-<div>
-  <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
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="'hot'"
-                tabindex="-1"
-                type="radio"
-                value="hot"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                热饮
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'cold'"
-                tabindex="-1"
-                type="radio"
-                value="cold"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              选择冷饮-少冰
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\form-list.tsx 1`] = `
-<div>
-  <form
-    class="t-form"
-  >
-    <div
-      class="t-form__item t-form-item__task"
-    >
-      <div
-        class="t-form__controls"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-form__item t-form-item__task_0_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-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap"
-                      spellcheck="false"
-                      value="需求评审"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="需求评审"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__task_0_notes"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-              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"
-                  value="排期中"
-                >
-                  <div
-                    class="t-input t-align-left"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value="排期中"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__task"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-minus-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; cursor: pointer; margin-right: 12px; font-size: 20px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="minus-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M16.5 12L7.5 12"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <div
-                      class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
-                      disabled=""
-                      style="margin-right: 8px;"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        上移
-                      </span>
-                    </div>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        下移
-                      </span>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__task"
-    >
-      <div
-        class="t-form__controls"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-form__item t-form-item__task_1_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-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap"
-                      spellcheck="false"
-                      value="交互设计"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="交互设计"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__task_1_notes"
-          >
-            <div
-              class="t-form__label t-form__label--right"
-              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"
-                  value="排期中"
-                >
-                  <div
-                    class="t-input t-align-left"
-                  >
-                    <input
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value="排期中"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-form__item t-form-item__task"
-          >
-            <div
-              class="t-form__controls"
-            >
-              <div
-                class="t-form__controls-content"
-              >
-                <div
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-minus-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; cursor: pointer; margin-right: 12px; font-size: 20px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="minus-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M16.5 12L7.5 12"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-                      style="margin-right: 8px;"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        上移
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <div
-                      class="t-button t-button--theme-primary t-button--variant-base t-is-disabled t-size-s"
-                      disabled=""
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        下移
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__task"
-      style="margin-left: 100px;"
-    >
-      <div
-        class="t-form__controls"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  新增指定项
-                </span>
-              </button>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  新增默认项
-                </span>
-              </button>
-            </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
-            class="t-button t-button--theme-default t-button--variant-base"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-left: 12px;"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\layout.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'vertical'"
-              tabindex="-1"
-              type="radio"
-              value="vertical"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              纵向布局
-            </span>
-          </label>
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'inline'"
-              tabindex="-1"
-              type="radio"
-              value="inline"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              行内布局
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </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
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    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
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value=""
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\login.tsx 1`] = `
-<div>
-  <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
-                    class="t-icon t-icon-desktop"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="desktop"
-                    >
-                      <path
-                        d="M2 4H22V17H2V4Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 17V21M8 21H16M2 4H22V17H2V4Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </span>
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入账户名"
-                  type="text"
-                  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
-                    class="t-icon t-icon-lock-on"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="lock-on"
-                    >
-                      <path
-                        d="M4.49951 10H19.4995V21H4.49951V10Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M4.49951 11H19.4995V21H4.49951V11Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                      <path
-                        d="M9.99951 16H13.9995"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </span>
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入密码"
-                  type="password"
-                  value=""
-                />
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-icon t-icon-browse-off t-input__suffix-clear"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="browse-off"
-                    >
-                      <path
-                        d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M20.9996 21L3 3"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-form__item"
-      >
-        <div
-          class="t-form__controls"
-        >
-          <div
-            class="t-form__controls-content"
-          >
-            <button
-              class="t-button t-button--theme-primary t-button--variant-base t-size-full-width"
-              type="submit"
-            >
-              <span
-                class="t-button__text"
-              >
-                登录
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </form>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\nested-data.tsx 1`] = `
-<div>
-  <form
-    class="t-form"
-  >
-    <div
-      class="t-form__item t-form-item__user_name"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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"
-            value="name"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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"
-            spellcheck="false"
-            value="age"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'male'"
-                tabindex="-1"
-                type="radio"
-                value="male"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                男性
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'female'"
-                tabindex="-1"
-                type="radio"
-                value="female"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'la'"
-                tabindex="-1"
-                type="checkbox"
-                value="la"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                加辣
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'ma'"
-                tabindex="-1"
-                type="checkbox"
-                value="ma"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                加麻
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'nocong'"
-                tabindex="-1"
-                type="checkbox"
-                value="nocong"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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"
-                spellcheck="false"
-                value="2022-08-08"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择日期"
-                    readonly=""
-                    type="text"
-                    value="2022-08-08"
-                  />
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-icon t-icon-calendar"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="calendar"
-                      >
-                        <path
-                          d="M21 10H3V21H21V10Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M21 10H3V5H21V10Z"
-                          fill="transparent"
-                          id="fill2"
-                        />
-                        <path
-                          d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </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
-            class="t-button t-button--theme-default t-button--variant-dashed"
-            type="button"
-          >
-            <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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-left: 12px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              设置信息
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-left: 12px;"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\reset.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'empty'"
-              tabindex="-1"
-              type="radio"
-              value="empty"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              重置为空
-            </span>
-          </label>
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'initial'"
-              tabindex="-1"
-              type="radio"
-              value="initial"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              <span
-                class="t-trigger"
-              >
-                 重置为初始值 
-              </span>
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入内容"
-                    type="text"
-                    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"
-                spellcheck="false"
-                value="12345678910"
-              >
-                <div
-                  class="t-input t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入内容"
-                    type="text"
-                    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
-                  class="t-checkbox t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-checkbox__former"
-                    data-value="'1'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="1"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    语文
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'2'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="2"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <span
-                    class="t-checkbox__label"
-                  >
-                    数学
-                  </span>
-                </label>
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    data-value="'3'"
-                    tabindex="-1"
-                    type="checkbox"
-                    value="3"
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                  <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
-                class="t-button t-button--theme-primary t-button--variant-base"
-                style="margin-right: 10px;"
-                type="submit"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  提交
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-default t-button--variant-base"
-                type="reset"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重置
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validate-complicated-data.tsx 1`] = `
-<div>
-  <form
-    class="t-form"
-  >
-    <div
-      class="t-form__item t-form-item__school"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="1"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                学校一
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="2"
-                tabindex="-1"
-                type="radio"
-                value="2"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                学校二
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="3"
-                tabindex="-1"
-                type="radio"
-                value="3"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                学校三
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-tabs"
-      style="margin-left: 30px;"
-    >
-      <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
-            class="t-tabs__operations t-tabs__operations--right"
-          >
-            <div
-              class="t-tabs__add-btn t-tabs__btn t-size-m"
-            >
-              <svg
-                class="t-icon t-icon-add"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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 0px;"
-          >
-            <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"
-                    spellcheck="false"
-                    value="StudentA"
-                  >
-                    <div
-                      class="t-input t-align-left"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请输入内容"
-                        type="text"
-                        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
-                      class="t-radio t-is-checked"
-                      tabindex="0"
-                    >
-                      <input
-                        checked=""
-                        class="t-radio__former"
-                        data-value="'wenke'"
-                        tabindex="-1"
-                        type="radio"
-                        value="wenke"
-                      />
-                      <span
-                        class="t-radio__input"
-                      />
-                      <span
-                        class="t-radio__label"
-                      >
-                        文科
-                      </span>
-                    </label>
-                    <label
-                      class="t-radio"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-radio__former"
-                        data-value="'like'"
-                        tabindex="-1"
-                        type="radio"
-                        value="like"
-                      />
-                      <span
-                        class="t-radio__input"
-                      />
-                      <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
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        tabindex="-1"
-                        type="checkbox"
-                        value=""
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        全部
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox t-is-checked"
-                      tabindex="0"
-                    >
-                      <input
-                        checked=""
-                        class="t-checkbox__former"
-                        data-value="'1'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="1"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        语文
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'2'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="2"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        数学
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'3'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="3"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        物理
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'4'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="4"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        化学
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'5'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="5"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        地理
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'6'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="6"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <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
-                    class="t-button t-button--theme-primary t-button--variant-base"
-                    style="margin-right: 10px;"
-                    type="submit"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      提交
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--theme-default t-button--variant-base"
-                    type="reset"
-                  >
-                    <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 0px;"
-          >
-            <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"
-                    spellcheck="false"
-                    value="StudentB"
-                  >
-                    <div
-                      class="t-input t-align-left"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请输入内容"
-                        type="text"
-                        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
-                      class="t-radio t-is-checked"
-                      tabindex="0"
-                    >
-                      <input
-                        checked=""
-                        class="t-radio__former"
-                        data-value="'wenke'"
-                        tabindex="-1"
-                        type="radio"
-                        value="wenke"
-                      />
-                      <span
-                        class="t-radio__input"
-                      />
-                      <span
-                        class="t-radio__label"
-                      >
-                        文科
-                      </span>
-                    </label>
-                    <label
-                      class="t-radio"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-radio__former"
-                        data-value="'like'"
-                        tabindex="-1"
-                        type="radio"
-                        value="like"
-                      />
-                      <span
-                        class="t-radio__input"
-                      />
-                      <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
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        tabindex="-1"
-                        type="checkbox"
-                        value=""
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        全部
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'1'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="1"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        语文
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'2'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="2"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        数学
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'3'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="3"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        物理
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'4'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="4"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        化学
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'5'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="5"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <span
-                        class="t-checkbox__label"
-                      >
-                        地理
-                      </span>
-                    </label>
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        data-value="'6'"
-                        tabindex="-1"
-                        type="checkbox"
-                        value="6"
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                      <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
-                    class="t-button t-button--theme-primary t-button--variant-base"
-                    style="margin-right: 10px;"
-                    type="submit"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      提交
-                    </span>
-                  </button>
-                  <button
-                    class="t-button t-button--theme-default t-button--variant-base"
-                    type="reset"
-                  >
-                    <span
-                      class="t-button__text"
-                    >
-                      重置
-                    </span>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validate-message.tsx 1`] = `
-<div>
-  <form
-    class="t-form"
-  >
-    <div
-      class="t-form__item t-form-item__account t-form__item-with-help t-form__item-with-extra"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        style="width: 100px;"
-      >
-        <label>
-          用户名
-        </label>
-      </div>
-      <div
-        class="t-form__controls t-is-error t-form--has-error"
-        style="margin-left: 100px;"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-input__help"
-        >
-          这是用户名字段帮助说明
-        </div>
-        <div
-          class="t-input__extra"
-          title="自定义用户名校验信息提示"
-        >
-          自定义用户名校验信息提示
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__description t-form__item-with-help t-form__item-with-extra"
-    >
-      <div
-        class="t-form__label t-form__label--right"
-        style="width: 100px;"
-      >
-        <label>
-          个人简介
-        </label>
-      </div>
-      <div
-        class="t-form__controls t-is-warning t-form--has-error"
-        style="margin-left: 100px;"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-input__help"
-        >
-          一句话介绍自己
-        </div>
-        <div
-          class="t-input__extra"
-          title="自定义个人简介校验信息提示"
-        >
-          自定义个人简介校验信息提示
-        </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>
-          密码
-        </label>
-      </div>
-      <div
-        class="t-form__controls"
-        style="margin-left: 100px;"
-      >
-        <div
-          class="t-form__controls-content"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="password"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-browse-off t-input__suffix-clear"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="browse-off"
-                  >
-                    <path
-                      d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20.9996 21L3 3"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-right: 10px;"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-right: 10px;"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-right: 10px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              仅校验不展示验证信息
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              设置校验信息提示
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validator.tsx 1`] = `
-<div>
-  <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--required t-form__label--right"
-        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"
-            value="张三"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__gender"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'male'"
-                tabindex="-1"
-                type="radio"
-                value="male"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                男
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'femal'"
-                tabindex="-1"
-                type="radio"
-                value="femal"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <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--required t-form__label--right"
-        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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                语文
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                数学
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                英语
-              </span>
-            </label>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__content.url"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-right: 10px;"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\form\\_example\\validator-status.tsx 1`] = `
-<div>
-  <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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__failB"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="隐藏状态icon"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-form__item t-form-item__warningB"
-    >
-      <div
-        class="t-form__label t-form__label--required t-form__label--right"
-        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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="正在校验中，请稍等"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <span
-            class="t-form__status"
-          >
-            <div
-              class="t-loading t-loading--center"
-              style="font-size: 25px; color: rgb(24, 144, 255);"
-            >
-              <svg
-                class="t-loading__gradient t-icon-loading"
-                height="1em"
-                version="1.1"
-                viewBox="0 0 12 12"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <foreignobject
-                  height="12"
-                  width="12"
-                  x="0"
-                  y="0"
-                >
-                  <div
-                    class="t-loading__gradient-conic"
-                  />
-                </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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <span
-            class="t-form__status"
-          >
-            <svg
-              class="t-icon t-icon-add-rectangle"
-              fill="none"
-              height="1em"
-              name="add-rectangle"
-              style="fill: none; font-size: 25px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="add-rectangle"
-              >
-                <path
-                  d="M21 3H3V21L21 21V3Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M21 3H3V21L21 21V3Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-                class="t-input__inner"
-                placeholder="请输入"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <span
-            class="t-form__status"
-          >
-            <svg
-              class="t-icon t-icon-help-circle"
-              fill="none"
-              height="1em"
-              name="help-circle"
-              style="fill: none; font-size: 25px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="help-circle"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="margin-right: 10px;"
-            type="submit"
-          >
-            <span
-              class="t-button__text"
-            >
-              提交
-            </span>
-          </button>
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="reset"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\base.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\flex.tsx 1`] = `
-<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: 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-basis: 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: 0 0 auto;"
-    >
-      <div
-        style="padding: 0px 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-basis: auto;"
-    >
-      <div>
-        auto with no-wrap
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\gutter.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\halign.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\offset.tsx 1`] = `
-<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>
-        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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\order.tsx 1`] = `
-<div>
-  <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"
-      lg="[object Object]"
-      md="[object Object]"
-      sm="[object Object]"
-      style="padding-left: 0px; padding-right: 0px;"
-      xs="[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"
-      lg="[object Object]"
-      md="[object Object]"
-      sm="[object Object]"
-      style="padding-left: 0px; padding-right: 0px;"
-      xs="[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"
-      lg="[object Object]"
-      md="[object Object]"
-      sm="[object Object]"
-      style="padding-left: 0px; padding-right: 0px;"
-      xs="[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"
-      lg="[object Object]"
-      md="[object Object]"
-      sm="[object Object]"
-      style="padding-left: 0px; padding-right: 0px;"
-      xs="[object Object]"
-    >
-      <div>
-        4 col-order-responsive
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\responsive.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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"
-          lg="8"
-          md="6"
-          sm="4"
-          style="padding-left: 0px; padding-right: 0px;"
-          xl="10"
-          xs="2"
-        >
-          <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"
-          lg="4"
-          md="6"
-          sm="8"
-          style="padding-left: 0px; padding-right: 0px;"
-          xl="2"
-          xs="10"
-        >
-          <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"
-          lg="[object Object]"
-          md="[object Object]"
-          sm="[object Object]"
-          style="padding-left: 0px; padding-right: 0px;"
-          xl="[object Object]"
-          xs="[object Object]"
-        >
-          <div>
-            Col
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\sort.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\grid\\_example\\valign.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-row t-row--center t-row--top"
-    style="margin-left: 0px; margin-right: 0px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        新手引导
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\custom-popup.tsx 1`] = `
-<div>
-  <div
-    class="t-row t-row--center t-row--top"
-    style="margin-left: 0px; margin-right: 0px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        新手引导
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\dialog.tsx 1`] = `
-<div>
-  <div
-    class="t-row t-row--center t-row--top"
-    style="margin-left: 0px; margin-right: 0px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        新手引导
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\no-mask.tsx 1`] = `
-<div>
-  <div
-    class="t-row t-row--center t-row--top"
-    style="margin-left: 0px; margin-right: 0px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        新手引导
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\guide\\_example\\popup-dialog.tsx 1`] = `
-<div>
-  <div
-    class="t-row t-row--center t-row--top"
-    style="margin-left: 0px; margin-right: 0px;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        新手引导
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\Enhanced.tsx 1`] = `
-<div>
-  <div>
-    <svg
-      class="t-icon cps-icon-home-sheep"
-      style="margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon cps-icon-home-sheep t-size-m"
-      style="margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon cps-icon-home-sheep t-size-l"
-      style="margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon cps-icon-home-sheep"
-      style="font-size: 25px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <br />
-    <br />
-    <svg
-      class="t-icon cps-icon-home-sheep"
-      style="color: red; margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon cps-icon-home-sheep"
-      style="color: green; margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon cps-icon-home-sheep"
-      style="color: orange; margin-right: 8px;"
-    >
-      <use
-        xlink:href="#cps-icon-home-sheep"
-      />
-    </svg>
-    <svg
-      class="t-icon t-icon-home"
-    >
-      <use
-        xlink:href="#t-icon-home"
-      />
-    </svg>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconExample.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-slider__container"
-      >
-        <div
-          class="t-slider"
-        >
-          <div
-            class="t-slider__rail"
-          >
-            <div
-              class="t-slider__track"
-              style="left: 0%; width: 75%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="left: 75%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            />
-            <div
-              class="t-slider__mark"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-t"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-t"
-            >
-              <path
-                d="M12 5V19M12 5H7.5M12 5H16.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-d"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-d"
-            >
-              <path
-                d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-e"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-e"
-            >
-              <path
-                d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-s"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-s"
-            >
-              <path
-                d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-i"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-i"
-            >
-              <path
-                d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-g"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-g"
-            >
-              <path
-                d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-letters-n"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="letters-n"
-            >
-              <path
-                d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-checkbox"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-checkbox"
-            >
-              <path
-                d="M10 10L21 10V21H10L10 10Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M10 10L21 10V21H10L10 10Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5"
-                id="stroke2"
-                stroke="#0052d9"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-breadcrumb"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-breadcrumb"
-            >
-              <path
-                d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M16 7.5L20.5 12L16 16.5"
-                id="stroke2"
-                stroke="#0052d9"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-input"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-input"
-            >
-              <path
-                d="M21 8L3 8L3 15L21 15V8Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M7 11V12M3 8H21V15H3V8Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-switch"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-switch"
-            >
-              <path
-                d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-dropdown"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-dropdown"
-            >
-              <path
-                d="M3 3H21V8H3V3Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M7 17L17 17M17 13L7 13"
-                id="stroke2"
-                stroke="#0052d9"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-radio"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-radio"
-            >
-              <path
-                d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
-                fill="#bbd3fb"
-                id="fill1"
-              />
-              <path
-                d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"
-                fill="#f78d94"
-                id="fill2"
-              />
-              <path
-                d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"
-                id="stroke2"
-                stroke="#0052d9"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-component-steps"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="component-steps"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"
-                  fill="#bbd3fb"
-                />
-                <path
-                  d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"
-                  fill="#bbd3fb"
-                />
-                <path
-                  d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"
-                  fill="#bbd3fb"
-                />
-              </g>
-              <path
-                d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconFontEnhanced.tsx 1`] = `
-<div>
-  <div>
-    <i
-      class="cps-icon cps-icon-home-sheep"
-      style="margin-right: 8px;"
-    />
-    <i
-      class="cps-icon cps-icon-home-sheep t-size-m"
-      style="margin-right: 8px;"
-    />
-    <i
-      class="cps-icon cps-icon-home-sheep t-size-l"
-      style="margin-right: 8px;"
-    />
-    <i
-      class="cps-icon cps-icon-home-sheep"
-      style="font-size: 25px;"
-    />
-    <br />
-    <br />
-    <i
-      class="cps-icon cps-icon-home-sheep"
-      style="color: red; margin-right: 8px;"
-    />
-    <i
-      class="cps-icon cps-icon-home-sheep"
-      style="color: green; margin-right: 8px;"
-    />
-    <i
-      class="cps-icon cps-icon-home-sheep"
-      style="color: orange; margin-right: 8px;"
-    />
-    <i
-      class="t-icon-home t-icon"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconFontExample.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-unhappy"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-excited"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-surprised"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-giggle"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <p>
-            What is your favourite food?
-          </p>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-tangerinr"
-            style="color: orange;"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-bamboo-shoot"
-            style="color: green;"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-apple"
-            style="color: red;"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-milk"
-            style="color: rgb(0, 82, 217);"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-peach"
-            style="color: pink;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <p>
-            How much icons does TDesign Icon includes?
-          </p>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-numbers-1"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-numbers-2"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-numbers-0"
-          />
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-numbers-3"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\IconSelect.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="edit-1"
-      >
-        <div
-          class="t-input 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"
-              />
-            </svg>
-          </span>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="edit-1"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\icon\\_example\\SvgSpriteExample.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-unhappy"
-          >
-            <use
-              xlink:href="#t-icon-unhappy"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-excited"
-          >
-            <use
-              xlink:href="#t-icon-excited"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-surprised"
-          >
-            <use
-              xlink:href="#t-icon-surprised"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-giggle"
-          >
-            <use
-              xlink:href="#t-icon-giggle"
-            />
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <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"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-bamboo-shoot"
-            color="green"
-          >
-            <use
-              xlink:href="#t-icon-bamboo-shoot"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-apple"
-            color="red"
-          >
-            <use
-              xlink:href="#t-icon-apple"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-milk"
-            color="#0052D9"
-          >
-            <use
-              xlink:href="#t-icon-milk"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-peach"
-            color="pink"
-          >
-            <use
-              xlink:href="#t-icon-peach"
-            />
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-          >
-            <use
-              xlink:href="#t-icon-numbers-1"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-numbers-2"
-          >
-            <use
-              xlink:href="#t-icon-numbers-2"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-numbers-0"
-          >
-            <use
-              xlink:href="#t-icon-numbers-0"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-numbers-3"
-          >
-            <use
-              xlink:href="#t-icon-numbers-3"
-            />
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\avif.tsx 1`] = `
-<div>
-  <div
-    class="t-image__wrapper t-image__wrapper--shape-square"
-    style="max-width: 100%;"
-  >
-    <picture>
-      <source
-        srcset="https://tdesign.gtimg.com/img/tdesign-image.avif"
-        type="image/avif"
-      />
-      <source
-        srcset="https://tdesign.gtimg.com/img/tdesign-image.webp"
-        type="image/webp"
-      />
-      <img
-        class="t-image t-image--fit-scale-down t-image--position-center"
-        src="https://tdesign.gtimg.com/img/tdesign-image.avif"
-      />
-    </picture>
-    <div
-      class="t-image__loading"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 8px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-image"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="image"
-            >
-              <path
-                d="M3 21H20L9 10L3 16V21Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                fill="transparent"
-                id="fill2"
-                r="2"
-              />
-              <path
-                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                id="stroke2"
-                r="2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          图片加载中
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\extra-always.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-image__overlay-content"
-            >
-              <div
-                style="background: rgba(0, 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: rgb(255, 255, 255);"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-print"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 16px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="print"
-                      >
-                        <path
-                          d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <g
-                          id="fill2"
-                        >
-                          <path
-                            d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
-                            fill="transparent"
-                          />
-                          <path
-                            d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"
-                            fill="transparent"
-                          />
-                        </g>
-                        <g
-                          id="stroke2"
-                        >
-                          <path
-                            d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M18.0005 15V21L6.00049 21V15H18.0005Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                     高清
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </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: rgb(236, 242, 254); color: rgb(0, 82, 217);"
-              >
-                <span>
-                  <svg
-                    class="t-icon t-icon-print"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 16px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="print"
-                    >
-                      <path
-                        d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <g
-                        id="fill2"
-                      >
-                        <path
-                          d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
-                          fill="transparent"
-                        />
-                        <path
-                          d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"
-                          fill="transparent"
-                        />
-                      </g>
-                      <g
-                        id="stroke2"
-                      >
-                        <path
-                          d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M18.0005 15V21L6.00049 21V15H18.0005Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                   高清
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\extra-hover.tsx 1`] = `
-<div>
-  <div
-    class="t-image__wrapper t-image__wrapper--shape-square t-image__wrapper--need-hover"
-    style="width: 284px; height: 160px;"
-  >
-    <img
-      class="t-image t-image--fit-fill t-image--position-center"
-      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-    />
-    <div
-      class="t-image__loading"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 8px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-image"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="image"
-            >
-              <path
-                d="M3 21H20L9 10L3 16V21Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                fill="transparent"
-                id="fill2"
-                r="2"
-              />
-              <path
-                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                id="stroke2"
-                r="2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          图片加载中
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-image__overlay-content t-image__overlay-content--hidden"
-    >
-      <div
-        style="background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); height: 100%; display: flex; align-items: center; justify-content: center;"
-      >
-        预览
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\fill-mode.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 120px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src=""
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          fill
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 120px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-contain t-image--position-center"
-              src=""
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          contain
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 120px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-cover t-image--position-center"
-              src=""
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          cover
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 120px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-none t-image--position-center"
-              src=""
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          none
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 120px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-scale-down t-image--position-center"
-              src=""
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          scale-down
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\fill-position.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 120px;"
-              >
-                <img
-                  class="t-image t-image--fit-cover t-image--position-center"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              cover center
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 120px;"
-              >
-                <img
-                  class="t-image t-image--fit-cover t-image--position-left"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              cover left
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 120px;"
-              >
-                <img
-                  class="t-image t-image--fit-cover t-image--position-right"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              cover right
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="margin-top: 20px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 280px; height: 120px;"
-              >
-                <img
-                  class="t-image t-image--fit-cover t-image--position-top"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              cover top
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 280px; height: 120px;"
-              >
-                <img
-                  class="t-image t-image--fit-cover t-image--position-bottom"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              cover bottom
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="margin-top: 20px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 200px;"
-              >
-                <img
-                  class="t-image t-image--fit-contain t-image--position-top"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              contain top
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 200px;"
-              >
-                <img
-                  class="t-image t-image--fit-contain t-image--position-bottom"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              contain bottom
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-start t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-image__wrapper t-image__wrapper--shape-square"
-                style="width: 120px; height: 200px;"
-              >
-                <img
-                  class="t-image t-image--fit-contain t-image--position-center"
-                  src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                />
-                <div
-                  class="t-image__loading"
-                >
-                  <div
-                    class="t-space t-space-align-center t-space-vertical"
-                    style="gap: 8px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-image"
-                        fill="none"
-                        height="1em"
-                        style="fill: none; font-size: 24px;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="image"
-                        >
-                          <path
-                            d="M3 21H20L9 10L3 16V21Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            fill="transparent"
-                            id="fill2"
-                            r="2"
-                          />
-                          <path
-                            d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                          <circle
-                            cx="15.75"
-                            cy="8.25"
-                            id="stroke2"
-                            r="2"
-                            stroke="currentColor"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      图片加载中
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              contain center
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal t-space--break-line"
-            style="margin-top: 20px; gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-space t-space-align-start t-space-vertical"
-                style="gap: 16px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <div
-                    class="t-image__wrapper t-image__wrapper--shape-square"
-                    style="width: 280px; height: 120px;"
-                  >
-                    <img
-                      class="t-image t-image--fit-contain t-image--position-left"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                        <div
-                          class="t-space-item"
-                        >
-                          图片加载中
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  contain left
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-space t-space-align-start t-space-vertical"
-                style="gap: 16px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <div
-                    class="t-image__wrapper t-image__wrapper--shape-square"
-                    style="width: 280px; height: 120px;"
-                  >
-                    <img
-                      class="t-image t-image--fit-contain t-image--position-right"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                        <div
-                          class="t-space-item"
-                        >
-                          图片加载中
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  contain right
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\gallery-cover.tsx 1`] = `
-<div>
-  <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"
-    />
-    <img
-      class="t-image t-image--fit-fill t-image--position-center"
-      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-    />
-    <div
-      class="t-image__loading"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 8px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <svg
-            class="t-icon t-icon-image"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="image"
-            >
-              <path
-                d="M3 21H20L9 10L3 16V21Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                fill="transparent"
-                id="fill2"
-                r="2"
-              />
-              <path
-                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-              <circle
-                cx="15.75"
-                cy="8.25"
-                id="stroke2"
-                r="2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          图片加载中
-        </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: rgb(236, 242, 254); color: rgb(0, 82, 217);"
-      >
-        <span
-          title="标签一"
-        >
-          标签一
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\lazy-list.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="height: 240px; overflow-y: scroll; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 230px; height: 120px;"
-          >
-            <img
-              class="t-image t-image--fit-fill t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-refresh"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="refresh"
-          >
-            <path
-              d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          重演 lazy load
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\lazy-single.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-            height="100%"
-            src="https://tdesign.gtimg.com/demo/demo-image-5.png"
-            width="100%"
-          />
-        </div>
-        <img
-          class="t-image t-image--fit-fill t-image--position-center"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-        />
-        <div
-          class="t-image__loading"
-        >
-          <div
-            style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4);"
-          >
-            <div
-              class="t-loading t-loading--center t-size-s"
-            >
-              <svg
-                class="t-loading__gradient t-icon-loading"
-                height="1em"
-                version="1.1"
-                viewBox="0 0 12 12"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <foreignobject
-                  height="12"
-                  width="12"
-                  x="0"
-                  y="0"
-                >
-                  <div
-                    class="t-loading__gradient-conic"
-                  />
-                </foreignobject>
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-refresh"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="refresh"
-          >
-            <path
-              d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          重演 lazy load
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\placeholder.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <h3
-          style="margin-bottom: 15px;"
-        >
-          加载中的图片
-        </h3>
-        <div
-          class="t-space t-space-horizontal"
-          style="gap: 16px;"
-        >
-          <div
-            class="t-space-item"
-          >
-            <div
-              class="t-space t-space-vertical"
-              style="gap: 16px;"
-            >
-              <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
-                    class="t-image t-image--fit-fill t-image--position-center"
-                    src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                  />
-                  <div
-                    class="t-image__loading"
-                  >
-                    <div
-                      class="t-space t-space-align-center t-space-vertical"
-                      style="gap: 8px;"
-                    >
-                      <div
-                        class="t-space-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-image"
-                          fill="none"
-                          height="1em"
-                          style="fill: none; font-size: 24px;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        class="t-space-item"
-                      >
-                        图片加载中
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-outline"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-refresh"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="refresh"
-                    >
-                      <path
-                        d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-button__text"
-                  >
-                    重演 loading
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <div
-              class="t-space t-space-vertical"
-              style="gap: 16px;"
-            >
-              <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
-                    class="t-image t-image--fit-fill t-image--position-center"
-                    src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                  />
-                  <div
-                    class="t-image__loading"
-                  >
-                    <svg
-                      class="t-icon t-icon-image-error"
-                      fill="none"
-                      height="1em"
-                      style="fill: none; font-size: 24px;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image-error"
-                      >
-                        <path
-                          d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <h3
-          style="margin-bottom: 15px;"
-        >
-          加载失败的图片
-        </h3>
-        <div
-          class="t-space t-space-horizontal"
-          style="gap: 16px;"
-        >
-          <div
-            class="t-space-item"
-          >
-            <div
-              class="t-space t-space-vertical"
-              style="gap: 16px;"
-            >
-              <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
-                    class="t-image t-image--fit-fill t-image--position-center"
-                    src="error url"
-                  />
-                  <div
-                    class="t-image__loading"
-                  >
-                    <div
-                      class="t-space t-space-align-center t-space-vertical"
-                      style="gap: 8px;"
-                    >
-                      <div
-                        class="t-space-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-image"
-                          fill="none"
-                          height="1em"
-                          style="fill: none; font-size: 24px;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        class="t-space-item"
-                      >
-                        图片加载中
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-outline"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-refresh"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="refresh"
-                    >
-                      <path
-                        d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-button__text"
-                  >
-                    重演 error
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            <div
-              class="t-space t-space-vertical"
-              style="gap: 16px;"
-            >
-              <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
-                    class="t-image t-image--fit-fill t-image--position-center"
-                    src="error url"
-                  />
-                  <div
-                    class="t-image__loading"
-                  >
-                    <div
-                      class="t-space t-space-align-center t-space-vertical"
-                      style="gap: 8px;"
-                    >
-                      <div
-                        class="t-space-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-image"
-                          fill="none"
-                          height="1em"
-                          style="fill: none; font-size: 24px;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        class="t-space-item"
-                      >
-                        图片加载中
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square"
-            style="width: 160px; height: 160px;"
-          >
-            <img
-              class="t-image t-image--fit-cover t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          square
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-round"
-            style="width: 160px; height: 160px;"
-          >
-            <img
-              class="t-image t-image--fit-cover t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          round
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-circle"
-            style="width: 160px; height: 160px;"
-          >
-            <img
-              class="t-image t-image--fit-cover t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          circle
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 240px; height: 240px; border-radius: var(--td-radius-medium); gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-image-viewer__trigger"
-      >
-        <div
-          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-        >
-          <img
-            alt="preview"
-            class="t-image t-image--fit-contain t-image--position-center"
-            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          />
-          <div
-            class="t-image__loading"
-          >
-            <div
-              class="t-space t-space-align-center t-space-vertical"
-              style="gap: 8px;"
-            >
-              <div
-                class="t-space-item"
-              >
-                <svg
-                  class="t-icon t-icon-image"
-                  fill="none"
-                  height="1em"
-                  style="fill: none; font-size: 24px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="image"
-                  >
-                    <path
-                      d="M3 21H20L9 10L3 16V21Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      fill="transparent"
-                      id="fill2"
-                      r="2"
-                    />
-                    <path
-                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      id="stroke2"
-                      r="2"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                图片加载中
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__trigger--hover"
-        >
-          <span>
-            <svg
-              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 1.4em;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                clip-path="url(#clip0_543_7945)"
-                id="browse"
-              >
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            预览
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\albumIcons.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="position: relative; overflow: hidden; box-sizing: content-box; 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: rgb(255, 255, 255);"
-        >
-          <img
-            alt="test"
-            class="t-image t-image--fit-contain t-image--position-center"
-            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          />
-          <div
-            class="t-image__loading"
-          >
-            <div
-              class="t-space t-space-align-center t-space-vertical"
-              style="gap: 8px;"
-            >
-              <div
-                class="t-space-item"
-              >
-                <svg
-                  class="t-icon t-icon-image"
-                  fill="none"
-                  height="1em"
-                  style="fill: none; font-size: 24px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="image"
-                  >
-                    <path
-                      d="M3 21H20L9 10L3 16V21Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      fill="transparent"
-                      id="fill2"
-                      r="2"
-                    />
-                    <path
-                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      id="stroke2"
-                      r="2"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                图片加载中
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image__overlay-content t-image__overlay-content--hidden"
-          >
-            <div
-              style="background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); height: 100%; display: flex; align-items: center; justify-content: center;"
-            >
-              <span>
-                <svg
-                  class="t-icon t-icon-browse"
-                  fill="none"
-                  height="1em"
-                  name="browse"
-                  style="fill: none; font-size: 16px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    clip-path="url(#clip0_543_7945)"
-                    id="browse"
-                  >
-                    <path
-                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-                 预览
-              </span>
-            </div>
-          </div>
-        </div>
-        <div
-          style="width: 100%; height: 56px; padding: 0px 16px; line-height: 56px; position: absolute; bottom: 0px; display: flex; box-sizing: border-box; z-index: 1;"
-        >
-          <span
-            style="flex: 1;"
-          >
-            相册封面标题
-          </span>
-          <span
-            style="cursor: pointer;"
-          >
-            <svg
-              class="t-icon t-icon-browse"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 16px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                clip-path="url(#clip0_543_7945)"
-                id="browse"
-              >
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 16px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium); gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-image-viewer__trigger"
-      >
-        <div
-          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-        >
-          <img
-            alt="preview"
-            class="t-image t-image--fit-contain t-image--position-center"
-            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          />
-          <div
-            class="t-image__loading"
-          >
-            <div
-              class="t-space t-space-align-center t-space-vertical"
-              style="gap: 8px;"
-            >
-              <div
-                class="t-space-item"
-              >
-                <svg
-                  class="t-icon t-icon-image"
-                  fill="none"
-                  height="1em"
-                  style="fill: none; font-size: 24px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="image"
-                  >
-                    <path
-                      d="M3 21H20L9 10L3 16V21Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      fill="transparent"
-                      id="fill2"
-                      r="2"
-                    />
-                    <path
-                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      id="stroke2"
-                      r="2"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                图片加载中
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__trigger--hover"
-        >
-          <span>
-            <svg
-              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 1.4em;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                clip-path="url(#clip0_543_7945)"
-                id="browse"
-              >
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            预览
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\block.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\button.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      预览单张图片
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\error.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-error1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-error2.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-error3.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium); gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-image-viewer__trigger"
-      >
-        <div
-          class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-        >
-          <img
-            alt="preview"
-            class="t-image t-image--fit-contain t-image--position-center"
-            src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          />
-          <div
-            class="t-image__loading"
-          >
-            <div
-              class="t-space t-space-align-center t-space-vertical"
-              style="gap: 8px;"
-            >
-              <div
-                class="t-space-item"
-              >
-                <svg
-                  class="t-icon t-icon-image"
-                  fill="none"
-                  height="1em"
-                  style="fill: none; font-size: 24px;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="image"
-                  >
-                    <path
-                      d="M3 21H20L9 10L3 16V21Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      fill="transparent"
-                      id="fill2"
-                      r="2"
-                    />
-                    <path
-                      d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                    <circle
-                      cx="15.75"
-                      cy="8.25"
-                      id="stroke2"
-                      r="2"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-space-item"
-              >
-                图片加载中
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__trigger--hover"
-        >
-          <span>
-            <svg
-              class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 1.4em;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                clip-path="url(#clip0_543_7945)"
-                id="browse"
-              >
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            预览
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-3.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-      >
-        <div
-          class="t-image-viewer__trigger"
-        >
-          <div
-            class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-          >
-            <img
-              alt="preview"
-              class="t-image t-image--fit-contain t-image--position-center"
-              src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-            />
-            <div
-              class="t-image__loading"
-            >
-              <div
-                class="t-space t-space-align-center t-space-vertical"
-                style="gap: 8px;"
-              >
-                <div
-                  class="t-space-item"
-                >
-                  <svg
-                    class="t-icon t-icon-image"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; font-size: 24px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="image"
-                    >
-                      <path
-                        d="M3 21H20L9 10L3 16V21Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        fill="transparent"
-                        id="fill2"
-                        r="2"
-                      />
-                      <path
-                        d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                      <circle
-                        cx="15.75"
-                        cy="8.25"
-                        id="stroke2"
-                        r="2"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-space-item"
-                >
-                  图片加载中
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__trigger--hover"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 1.4em;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  clip-path="url(#clip0_543_7945)"
-                  id="browse"
-                >
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              预览
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `
-<div>
-  <div
-    style="width: 160px; height: 160px; border-radius: var(--td-radius-medium);"
-  >
-    <div
-      class="t-image-viewer__trigger"
-    >
-      <div
-        class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-      >
-        <img
-          alt="preview"
-          class="t-image t-image--fit-contain t-image--position-center"
-          src="https://tdesign.gtimg.com/demo/tdesign-logo.svg"
-        />
-        <div
-          class="t-image__loading"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <svg
-                class="t-icon t-icon-image"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="image"
-                >
-                  <path
-                    d="M3 21H20L9 10L3 16V21Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <circle
-                    cx="15.75"
-                    cy="8.25"
-                    fill="transparent"
-                    id="fill2"
-                    r="2"
-                  />
-                  <path
-                    d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                  <circle
-                    cx="15.75"
-                    cy="8.25"
-                    id="stroke2"
-                    r="2"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              图片加载中
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-image-viewer__trigger--hover"
-      >
-        <span>
-          <svg
-            class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 1.4em;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              clip-path="url(#clip0_543_7945)"
-              id="browse"
-            >
-              <path
-                d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <path
-                d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          预览
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\addon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入域名"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入域名"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-        <span
-          class="t-input-adornment__append"
-        >
-          <span
-            class="t-input-adornment__text"
-          >
-            .com
-          </span>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\align.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="text"
-            value="居左对齐"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-center"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="text"
-            value="居中对齐"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-right"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="text"
-            value="居右对齐"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\auto-width.tsx 1`] = `
-<div>
-  <div
-    style="max-width: 500px;"
-  >
-    <div
-      class="t-input__wrap t-input--auto-width"
-      spellcheck="false"
-    >
-      <div
-        class="t-input t-align-left"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="请输入"
-          type="text"
-          value="宽度自适应"
-        />
-        <span
-          class="t-input__input-pre"
-        >
-          宽度自适应
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 500px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入内容（无默认值）"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="Welcome to TDesign"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入内容（有默认值）"
-            type="text"
-            value="Welcome to TDesign"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\borderless.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 500px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="please input"
-            type="text"
-            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
-            class="t-input__inner"
-            placeholder="borderless input"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\clearable.tsx 1`] = `
-<div>
-  <div
-    class="t-input__wrap"
-    spellcheck="false"
-    value="Hello TDesign"
-  >
-    <div
-      class="t-input t-align-left"
-    >
-      <input
-        class="t-input__inner"
-        placeholder="请输入内容"
-        type="text"
-        value="Hello TDesign"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-input__wrap"
-    spellcheck="false"
-  >
-    <div
-      class="t-input t-is-disabled t-align-left"
-    >
-      <input
-        class="t-input__inner"
-        disabled=""
-        placeholder="请输入"
-        type="text"
-        value="禁用状态"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\format.tsx 1`] = `
-<div>
-  <div
-    class="t-input__wrap"
-    spellcheck="false"
-    value=""
-  >
-    <div
-      class="t-input t-align-left"
-    >
-      <input
-        class="t-input__inner"
-        placeholder="请输入数字"
-        type="text"
-        value=""
-      />
-    </div>
-    <div
-      class="t-input__tips t-input__tips--default"
-    >
-      请输入数字
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input-group t-input-group--separate"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          style="width: 100px;"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="0731"
-            />
-          </div>
-        </div>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </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"
-          style="width: 100px;"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="0731"
-            />
-          </div>
-        </div>
-        <span
-          style="line-height: 32px;"
-        >
-           - 
-        </span>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          style="width: 100px;"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="12345"
-            />
-          </div>
-        </div>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          style="width: 100px;"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="678901"
-            />
-          </div>
-        </div>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          style="width: 100px;"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\max-length-count.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 500px; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="内置字数限制，最大文本长度为10"
-            type="text"
-            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"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="内置字数限制，最大字符数量限制，一个中文字等于两个字符"
-            type="text"
-            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"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="内置字数限制，字数超出时允许继续输入"
-            type="text"
-            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"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="自定义字数限制文本"
-            type="text"
-            value=""
-          />
-          <div
-            class="t-input__suffix"
-          >
-            0/5
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\password.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--prefix t-input--suffix"
-        >
-          <span
-            class="t-input__prefix t-input__prefix-icon"
-          >
-            <svg
-              class="t-icon t-icon-lock-on"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="lock-on"
-              >
-                <path
-                  d="M4.49951 10H19.4995V21H4.49951V10Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4.49951 11H19.4995V21H4.49951V11Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-                <path
-                  d="M9.99951 16H13.9995"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="password"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-browse-off t-input__suffix-clear"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="browse-off"
-              >
-                <path
-                  d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9996 21L3 3"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--prefix t-input--suffix"
-        >
-          <span
-            class="t-input__prefix t-input__prefix-icon"
-          >
-            <svg
-              class="t-icon t-icon-lock-on"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="lock-on"
-              >
-                <path
-                  d="M4.49951 10H19.4995V21H4.49951V10Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4.49951 11H19.4995V21H4.49951V11Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-                <path
-                  d="M9.99951 16H13.9995"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="password"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-browse-off t-input__suffix-clear"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="browse-off"
-              >
-                <path
-                  d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9996 21L3 3"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 500px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-size-s t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入内容"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入内容"
-            type="text"
-            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
-            class="t-input__inner"
-            placeholder="请输入内容"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 50px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 28px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-is-disabled t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                disabled=""
-                placeholder="禁用状态"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-is-readonly t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="只读状态"
-                readonly=""
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 28px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-success"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="成功状态"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-warning"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="警告状态"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-error"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="错误状态"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 28px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="普通状态"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--default"
-            >
-              这是普通文本提示
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-success"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="成功状态"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--success"
-            >
-              校验通过文本提示
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-warning"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="警告状态"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--warning"
-            >
-              校验不通过文本提示
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-is-error"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="错误状态"
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--error"
-            >
-              校验存在严重问题文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input\\_example\\textarea.tsx 1`] = `
-<div>
-  <div
-    class="t-input__wrap"
-    spellcheck="false"
-    value=""
-  >
-    <div
-      class="t-input t-align-left t-input--prefix t-input--suffix"
-    >
-      <span
-        class="t-input__prefix t-input__prefix-icon"
-      >
-        <svg
-          class="t-icon t-icon-search"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="search"
-          >
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M15.8027 15.8037L21.106 21.107"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </span>
-      <input
-        class="t-input__inner"
-        placeholder="请输入内容"
-        type="text"
-        value=""
-      />
-      <span
-        class="t-input__suffix t-input__suffix-icon"
-      >
-        <svg
-          class="t-icon t-icon-error-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-            fill="currentColor"
-          />
-        </svg>
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-adornment\\_example\\select.tsx 1`] = `
-<div>
-  <div
-    class="t-space adornment-select t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="http://"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="http://"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    http://
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </span>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-        <span
-          class="t-input-adornment__append"
-        >
-          <div
-            class="t-select__wrap"
-          >
-            <div
-              class="t-select t-select-input"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value=".cn"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value=".cn"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    .cn
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </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"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value="http://"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value="http://"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    http://
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </span>
-        <div
-          class="t-select__wrap"
-        >
-          <div
-            class="t-select t-select-input"
-          >
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="tencent"
-            >
-              <div
-                class="t-input t-align-left t-input--suffix"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  value="tencent"
-                />
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-        <span
-          class="t-input-adornment__append"
-        >
-          <div
-            class="t-select__wrap"
-          >
-            <div
-              class="t-select t-select-input"
-            >
-              <div
-                class="t-input__wrap t-input--auto-width"
-                spellcheck="false"
-                value=".cn"
-              >
-                <div
-                  class="t-input t-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="请选择"
-                    readonly=""
-                    type="text"
-                    value=".cn"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    .cn
-                  </span>
-                  <span
-                    class="t-input__suffix t-input__suffix-icon"
-                  >
-                    <svg
-                      class="t-fake-arrow t-select__right-icon"
-                      fill="none"
-                      height="16"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                        stroke="black"
-                        stroke-opacity="0.9"
-                        stroke-width="1.3"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-adornment\\_example\\text.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--prefix"
-          >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            >
-              请输入
-            </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
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-        <span
-          class="t-input-adornment__append"
-        >
-          <span
-            class="t-input-adornment__text"
-          >
-            .com
-          </span>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\align.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-m t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="100"
-            >
-              <div
-                class="t-input t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="100"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-m t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="200"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="200"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-m t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="300"
-            >
-              <div
-                class="t-input t-align-right"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="300"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-m t-input-number--normal"
-          >
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="100"
-            >
-              <div
-                class="t-input t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="100"
-                />
-              </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"
-              spellcheck="false"
-              value="200"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="200"
-                />
-              </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"
-              spellcheck="false"
-              value="300"
-            >
-              <div
-                class="t-input t-align-right"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="300"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\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"
-  >
-    <button
-      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-remove t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="remove"
-        >
-          <path
-            d="M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-    <div
-      class="t-input__wrap t-input--auto-width"
-      spellcheck="false"
-      value="1"
-    >
-      <div
-        class="t-input t-align-center"
-      >
-        <input
-          autocomplete="off"
-          class="t-input__inner"
-          placeholder="请输入"
-          type="text"
-          value="1"
-        />
-        <span
-          class="t-input__input-pre"
-        >
-          1
-        </span>
-      </div>
-    </div>
-    <button
-      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-add t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="add"
-        >
-          <path
-            d="M12 5L12 19M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\center.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--row t-input-number--auto-width"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap t-input--auto-width"
-          spellcheck="false"
-          value="3.41"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="3.41"
-            />
-            <span
-              class="t-input__input-pre"
-            >
-              3.41
-            </span>
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="100"
-        >
-          <div
-            class="t-input t-align-center t-is-error t-input--suffix"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="100"
-            />
-            <div
-              class="t-input__suffix"
-            >
-              个
-            </div>
-          </div>
-          <div
-            class="t-input__tips t-input__tips--error"
-          >
-            number can not be exceed maximum
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\default.tsx 1`] = `
-<div>
-  <div
-    class="t-input-number t-size-m t-input-number--row"
-  >
-    <button
-      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-remove t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="remove"
-        >
-          <path
-            d="M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value="1"
-    >
-      <div
-        class="t-input t-align-center"
-      >
-        <input
-          autocomplete="off"
-          class="t-input__inner"
-          placeholder="请输入"
-          type="text"
-          value="1"
-        />
-      </div>
-    </div>
-    <button
-      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-add t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="add"
-        >
-          <path
-            d="M12 5L12 19M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\format.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--row"
-        style="width: 250px;"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="0 %"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="0 %"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="0.00 %"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="0.00 %"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\large-number.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--row"
-        style="width: 350px;"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="19999999999999999.00"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="19999999999999999.00"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="0.8975527383412673418"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="0.8975527383412673418"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\left.tsx 1`] = `
-<div>
-  <div
-    class="t-input-number t-size-m t-is-controls-right t-input-number--column"
-  >
-    <button
-      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-chevron-down t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-down"
-        >
-          <path
-            d="M17.5 9.5L12 15L6.5 9.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value="5"
-    >
-      <div
-        class="t-input t-align-left"
-      >
-        <input
-          autocomplete="off"
-          class="t-input__inner"
-          placeholder="请输入"
-          type="text"
-          value="5"
-        />
-      </div>
-    </div>
-    <button
-      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-chevron-up t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-up"
-        >
-          <path
-            d="M17.5 14.5L12 9L6.5 14.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\normal.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--normal"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="10"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="10"
-            />
-          </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-right t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              机器：
-            </div>
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value="10"
-        >
-          <div
-            class="t-input t-align-right t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              <span>
-                金额：
-              </span>
-            </div>
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="10"
-            />
-            <div
-              class="t-input__suffix"
-            >
-              <span>
-                元
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-s t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-s"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="3"
-            >
-              <div
-                class="t-input t-size-s t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="3"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-s"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-m t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="6"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="6"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-l t-input-number--row"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-l"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="9"
-            >
-              <div
-                class="t-input t-size-l t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="9"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-l"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-s t-is-controls-right t-input-number--column"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-down t-size-s"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="5"
-            >
-              <div
-                class="t-input t-size-s t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="5"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-up t-size-s"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-up"
-                >
-                  <path
-                    d="M17.5 14.5L12 9L6.5 14.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-down t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="5"
-            >
-              <div
-                class="t-input t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="5"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-up t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-up"
-                >
-                  <path
-                    d="M17.5 14.5L12 9L6.5 14.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-down t-size-l"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="10"
-            >
-              <div
-                class="t-input t-size-l t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="10"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-chevron-up t-size-l"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-up"
-                >
-                  <path
-                    d="M17.5 14.5L12 9L6.5 14.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input-number t-size-s t-input-number--normal"
-          >
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="5"
-            >
-              <div
-                class="t-input t-size-s t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="5"
-                />
-              </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"
-              spellcheck="false"
-              value="5"
-            >
-              <div
-                class="t-input t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="5"
-                />
-              </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"
-              spellcheck="false"
-              value="10"
-            >
-              <div
-                class="t-input t-size-l t-align-left"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="10"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'hide'"
-            tabindex="-1"
-            type="radio"
-            value="hide"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            隐藏文本提示
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'align-left'"
-            tabindex="-1"
-            type="radio"
-            value="align-left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            文本提示左对齐
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'align-input'"
-            tabindex="-1"
-            type="radio"
-            value="align-input"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            文本提示对齐输入框
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value=""
-                >
-                  <div
-                    class="t-input t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value=""
-                >
-                  <div
-                    class="t-input t-align-center t-is-success"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value=""
-                >
-                  <div
-                    class="t-input t-align-center t-is-warning"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value=""
-                >
-                  <div
-                    class="t-input t-align-center t-is-error"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-m"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__tips t-input__tips--error"
-                >
-                  校验存在严重问题文本提示
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\input-number\\_example\\step.tsx 1`] = `
-<div>
-  <div
-    class="t-input-number t-size-m t-input-number--row"
-  >
-    <button
-      class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-remove t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="remove"
-        >
-          <path
-            d="M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value="3.20"
-    >
-      <div
-        class="t-input t-align-center"
-      >
-        <input
-          autocomplete="off"
-          class="t-input__inner"
-          placeholder="请输入"
-          type="text"
-          value="3.20"
-        />
-      </div>
-    </div>
-    <button
-      class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-add t-size-m"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="add"
-        >
-          <path
-            d="M12 5L12 19M19 12L5 12"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\aside.tsx 1`] = `
-<div>
-  <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
-              alt="logo"
-              src="https://www.tencent.com/img/index/menu_logo_hover.png"
-              width="136"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\base.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\combine.tsx 1`] = `
-<div>
-  <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
-                alt="logo"
-                src="https://www.tencent.com/img/index/menu_logo_hover.png"
-                width="136"
-              />
-            </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
-                  class="t-icon t-icon-search t-menu__operations-icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="search"
-                  >
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M15.8027 15.8037L21.106 21.107"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-                <svg
-                  class="t-icon t-icon-notification-filled t-menu__operations-icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"
-                    fill="currentColor"
-                  />
-                  <path
-                    d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <svg
-                  class="t-icon t-icon-home t-menu__operations-icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="home"
-                  >
-                    <path
-                      d="M3 10L12 2.5L21 10V21H3V10Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M9 14H15V21H9V14Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M9 14H15V21H9V14Z"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M3 10L12 2.5L21 10V21H3V10Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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;"
-        >
-          <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
-                    class="t-icon t-icon-dashboard"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="dashboard"
-                    >
-                      <path
-                        d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"
-                        fill="transparent"
-                        id="fill2"
-                      />
-                      <path
-                        d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    仪表盘
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-server"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="server"
-                    >
-                      <g
-                        id="fill1"
-                      >
-                        <path
-                          d="M21 14V21H3L3 14L21 14Z"
-                          fill="transparent"
-                        />
-                        <path
-                          d="M21 3V10L3 10L3 3L21 3Z"
-                          fill="transparent"
-                        />
-                      </g>
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M21 14V21H3L3 14L21 14Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M21 3V10L3 10L3 3L21 3Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    资源列表
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item t-menu__item--plain"
-                >
-                  <span
-                    class="t-menu__content"
-                  >
-                    <svg
-                      class="t-icon t-icon-root-list"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="root-list"
-                      >
-                        <path
-                          d="M21 3H3V21L21 21V3Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M21 3H3V21L21 21V3Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M17 8.5L7 8.5M7 12.5L13 12.5"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                    根目录
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    调度平台
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-precise-monitor"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="precise-monitor"
-                    >
-                      <path
-                        d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    精准监控
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-mail"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="mail"
-                    >
-                      <path
-                        d="M22 4H2V20L22 20V4Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                        fill="transparent"
-                        id="fill2"
-                      />
-                      <path
-                        d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    消息区
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-user-circle"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="user-circle"
-                    >
-                      <path
-                        d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <g
-                        id="fill2"
-                      >
-                        <path
-                          d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"
-                          fill="transparent"
-                        />
-                        <path
-                          clip-rule="evenodd"
-                          d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z"
-                          fill="transparent"
-                          fill-rule="evenodd"
-                        />
-                      </g>
-                      <g
-                        id="stroke2"
-                      >
-                        <path
-                          d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          clip-rule="evenodd"
-                          d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z"
-                          fill-rule="evenodd"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                      <path
-                        d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    个人中心
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-play-circle"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="play-circle"
-                    >
-                      <path
-                        d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"
-                        fill="currentColor"
-                      />
-                      <path
-                        d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"
-                        fill="currentColor"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-menu__content"
-                  >
-                    视频区
-                  </span>
-                </li>
-                <li
-                  class="t-menu__item"
-                >
-                  <svg
-                    class="t-icon t-icon-edit-1"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="edit-1"
-                    >
-                      <path
-                        d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                        fill="transparent"
-                        id="fill2"
-                      />
-                      <path
-                        d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\layout\\_example\\top.tsx 1`] = `
-<div>
-  <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
-              alt="logo"
-              src="https://www.tencent.com/img/index/menu_logo_hover.png"
-              width="136"
-            />
-          </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
-                class="t-icon t-icon-search t-menu__operations-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="search"
-                >
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M15.8027 15.8037L21.106 21.107"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <svg
-                class="t-icon t-icon-notification-filled t-menu__operations-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"
-                  fill="currentColor"
-                />
-                <path
-                  d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"
-                  fill="currentColor"
-                />
-              </svg>
-              <svg
-                class="t-icon t-icon-home t-menu__operations-icon"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="home"
-                >
-                  <path
-                    d="M3 10L12 2.5L21 10V21H3V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M9 14H15V21H9V14Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M9 14H15V21H9V14Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M3 10L12 2.5L21 10V21H3V10Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\base.tsx 1`] = `
-<div>
-  <a
-    class="t-link t-link--theme-primary t-link--hover-underline"
-  >
-    跳转链接
-  </a>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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
-            class="t-icon t-icon-jump"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="jump"
-            >
-              <path
-                d="M9 4L4 4L4 20L20 20L20 15"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19.25 4.75L12 12M14 4H20L20 10"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\hover.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-link t-link--theme-default t-link--hover-underline"
-      >
-        <span
-          class="t-link__prefix-icon"
-        >
-          <svg
-            class="t-icon t-icon-link"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="link"
-            >
-              <path
-                d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-        跳转链接
-      </a>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-link t-link--theme-primary t-is-underline t-link--hover-underline"
-        href="https://tdesign.tencent.com/"
-        target="_self"
-      >
-        <span
-          class="t-link__prefix-icon"
-        >
-          <svg
-            class="t-icon t-icon-link"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="link"
-            >
-              <path
-                d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-        跳转链接
-      </a>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-link t-link--theme-danger t-is-underline t-link--hover-underline"
-        href="https://tdesign.tencent.com/"
-        target="_self"
-      >
-        <span
-          class="t-link__prefix-icon"
-        >
-          <svg
-            class="t-icon t-icon-jump"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="jump"
-            >
-              <path
-                d="M9 4L4 4L4 20L20 20L20 15"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19.25 4.75L12 12M14 4H20L20 10"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-        跳转链接
-      </a>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <a
-        class="t-link t-link--theme-warning t-is-disabled t-is-underline"
-        target="_self"
-      >
-        <span
-          class="t-link__prefix-icon"
-        >
-          <svg
-            class="t-icon t-icon-jump"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="jump"
-            >
-              <path
-                d="M9 4L4 4L4 20L20 20L20 15"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19.25 4.75L12 12M14 4H20L20 10"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-        跳转链接
-      </a>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-                class="t-icon t-icon-jump"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="jump"
-                >
-                  <path
-                    d="M9 4L4 4L4 20L20 20L20 15"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19.25 4.75L12 12M14 4H20L20 10"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </a>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-                class="t-icon t-icon-jump"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="jump"
-                >
-                  <path
-                    d="M9 4L4 4L4 20L20 20L20 15"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19.25 4.75L12 12M14 4H20L20 10"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </a>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-                class="t-icon t-icon-jump"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="jump"
-                >
-                  <path
-                    d="M9 4L4 4L4 20L20 20L20 15"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19.25 4.75L12 12M14 4H20L20 10"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\link\\_example\\underline.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\asyncLoading.tsx 1`] = `
-<div>
-  <div
-    class="t-radio-group t-size-l t-radio-group__outline"
-  >
-    <label
-      class="t-radio-button"
-      tabindex="0"
-    >
-      <input
-        class="t-radio-button__former"
-        data-value="'load-more'"
-        tabindex="-1"
-        type="radio"
-        value="load-more"
-      />
-      <span
-        class="t-radio-button__input"
-      />
-      <span
-        class="t-radio-button__label"
-      >
-        加载更多
-      </span>
-    </label>
-    <label
-      class="t-radio-button"
-      tabindex="0"
-    >
-      <input
-        class="t-radio-button__former"
-        data-value="'loading'"
-        tabindex="-1"
-        type="radio"
-        value="loading"
-      />
-      <span
-        class="t-radio-button__input"
-      />
-      <span
-        class="t-radio-button__label"
-      >
-        加载中
-      </span>
-    </label>
-    <label
-      class="t-radio-button"
-      tabindex="0"
-    >
-      <input
-        class="t-radio-button__former"
-        data-value="'loading-custom'"
-        tabindex="-1"
-        type="radio"
-        value="loading-custom"
-      />
-      <span
-        class="t-radio-button__input"
-      />
-      <span
-        class="t-radio-button__label"
-      >
-        自定义加载更多
-      </span>
-    </label>
-    <label
-      class="t-radio-button"
-      tabindex="0"
-    >
-      <input
-        class="t-radio-button__former"
-        data-value="''"
-        tabindex="-1"
-        type="radio"
-        value=""
-      />
-      <span
-        class="t-radio-button__input"
-      />
-      <span
-        class="t-radio-button__label"
-      >
-        加载完成
-      </span>
-    </label>
-  </div>
-  <div
-    style="margin-bottom: 16px;"
-  />
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\base.tsx 1`] = `
-<div>
-  <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
-              class="t-space t-space-horizontal"
-              style="gap: 16px;"
-            >
-              <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
-              class="t-space t-space-horizontal"
-              style="gap: 16px;"
-            >
-              <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>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\header-footer.tsx 1`] = `
-<div>
-  <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
-    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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\image-text.tsx 1`] = `
-<div>
-  <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
-                alt=""
-                src="https://tdesign.gtimg.com/list-icon.png"
-              />
-            </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
-                alt=""
-                src="https://tdesign.gtimg.com/list-icon.png"
-              />
-            </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
-                alt=""
-                src="https://tdesign.gtimg.com/list-icon.png"
-              />
-            </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
-                alt=""
-                src="https://tdesign.gtimg.com/list-icon.png"
-              />
-            </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\multiline.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\operation.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </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
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </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
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </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
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        <svg
-                          class="t-icon t-icon-edit"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="edit"
-                          >
-                            <path
-                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              clip-rule="evenodd"
-                              d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z"
-                              fill="transparent"
-                              fill-rule="evenodd"
-                              id="fill2"
-                            />
-                            <path
-                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        <svg
-                          class="t-icon t-icon-download"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="download"
-                          >
-                            <path
-                              d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M20.5 15V20H3.5V15"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </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
-                  class="t-space t-space-horizontal"
-                  style="gap: 16px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        <svg
-                          class="t-icon t-icon-edit"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="edit"
-                          >
-                            <path
-                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              clip-rule="evenodd"
-                              d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z"
-                              fill="transparent"
-                              fill-rule="evenodd"
-                              id="fill2"
-                            />
-                            <path
-                              d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                    </button>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    <button
-                      class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-                      type="button"
-                    >
-                      <span
-                        class="t-button__text"
-                      >
-                        <svg
-                          class="t-icon t-icon-download"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="download"
-                          >
-                            <path
-                              d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M20.5 15V20H3.5V15"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-              </ul>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\scroll.tsx 1`] = `
-<div>
-  <div
-    class="t-list t-size-s"
-    style="height: 300px; overflow: auto;"
-  >
-    <ul
-      class="t-list__inner"
-    />
-    <div
-      class="t-list__load t-list__load--loading"
-    >
-      <div>
-        <div
-          class="t-loading t-loading--center t-size-m"
-        >
-          <svg
-            class="t-loading__gradient t-icon-loading"
-            height="1em"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-        </div>
-        <span>
-          正在加载中，请稍等
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\size.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\stripe.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\list\\_example\\virtual-scroll.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-list"
-        style="height: 300px; position: relative;"
-      >
-        <div
-          style="position: absolute; width: 1px; height: 1px; transition: transform 0.2s; transform: translate(0, 240000px);"
-        />
-        <ul
-          class="t-list__inner"
-          style="transform: translate(0, 0px);"
-        >
-          <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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第1个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第2个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第3个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第4个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第5个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第6个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第7个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第8个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第9个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第10个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第11个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第12个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第13个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第14个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第15个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第16个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第17个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第18个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第19个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第20个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第21个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第22个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第23个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第24个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第25个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第26个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第27个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第28个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第29个列表内容的描述性文字
-                    </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
-                    alt=""
-                    src="https://tdesign.gtimg.com/site/avatar.jpg"
-                  />
-                </div>
-                <div
-                  class="t-list-item__meta-content"
-                >
-                  <h3
-                    class="t-list-item__meta-title"
-                  >
-                    列表标题
-                  </h3>
-                  <div
-                    class="t-list-item__meta-description"
-                  >
-                    <p>
-                      第30个列表内容的描述性文字
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              滚动到指定节点
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-loading t-loading--center t-size-m"
-  >
-    <svg
-      class="t-loading__gradient t-icon-loading"
-      height="1em"
-      version="1.1"
-      viewBox="0 0 12 12"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <foreignobject
-        height="12"
-        width="12"
-        x="0"
-        y="0"
-      >
-        <div
-          class="t-loading__gradient-conic"
-        />
-      </foreignobject>
-    </svg>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\delay.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div />
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-loading__parent"
-        >
-          <div />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="tdesign-demo-block-row"
-      >
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            快速重新加载数据（无loading）
-          </span>
-        </button>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            慢速重新加载数据
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\fullscreen.tsx 1`] = `
-<div>
-  Loading state:
-  <button
-    class="t-switch t-size-m"
-    role="switch"
-    type="button"
-  >
-    <span
-      class="t-switch__handle"
-    />
-    <div
-      class="t-switch__content"
-    />
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\icon-text.tsx 1`] = `
-<div>
-  <div
-    class="t-loading t-loading--center t-size-s"
-  >
-    <svg
-      class="t-loading__gradient t-icon-loading"
-      height="1em"
-      version="1.1"
-      viewBox="0 0 12 12"
-      width="1em"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <foreignobject
-        height="12"
-        width="12"
-        x="0"
-        y="0"
-      >
-        <div
-          class="t-loading__gradient-conic"
-        />
-      </foreignobject>
-    </svg>
-    <div
-      class="t-loading__text"
-    >
-      拼命加载中...
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\service.tsx 1`] = `
-<div>
-  <div
-    id="loading-service"
-    style="width: 100%; height: 60px; text-align: center; line-height: 60px; position: relative;"
-  >
-    我是service的容器
-  </div>
-  <div>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="margin-right: 20px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        服务加载方式（全屏）
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        服务加载方式（局部）
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-loading t-loading--center t-size-s"
-      >
-        <svg
-          class="t-loading__gradient t-icon-loading"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </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"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </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"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </foreignobject>
-        </svg>
-        <div
-          class="t-loading__text"
-        >
-          加载中...（大）
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\text.tsx 1`] = `
-<div>
-  <div
-    class="t-loading t-loading--center t-size-m"
-  >
-    <div
-      class="t-loading__text"
-    >
-      静态文字加载中...
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\loading\\_example\\wrap.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-              height="1em"
-              version="1.1"
-              viewBox="0 0 12 12"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <foreignobject
-                height="12"
-                width="12"
-                x="0"
-                y="0"
-              >
-                <div
-                  class="t-loading__gradient-conic"
-                />
-              </foreignobject>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              加载中
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              加载完成
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\closable-side.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-app"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="app"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            仪表盘
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <svg
-              class="t-icon t-icon-code"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="code"
-              >
-                <path
-                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 4.00049L10 20.0005"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                资源列表
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-file"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="file"
-              >
-                <path
-                  d="M4 22H20V8H14V2H4V22Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                调度平台
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                精准监控
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled"
-        >
-          <svg
-            class="t-icon t-icon-rollback"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="rollback"
-            >
-              <path
-                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            根目录
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                消息区
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-      </ul>
-      <div
-        class="t-menu__operations"
-      >
-        <button
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-view-list"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="view-list"
-            >
-              <path
-                d="M3 5H21M3 12H21M3 19H21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\custom-header.tsx 1`] = `
-<div>
-  <div
-    class="t-head-menu t-menu--light"
-    style="margin-bottom: 20px;"
-  >
-    <div
-      class="t-head-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="search"
-              >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </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
-          alt="logo"
-          class="margin_0"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="search"
-              >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\custom-side.tsx 1`] = `
-<div>
-  <div
-    class="t-default-menu"
-    style="width: 232px; margin-right: 20px;"
-  >
-    <div
-      class="t-default-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </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
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\double.tsx 1`] = `
-<div>
-  <div
-    class="t-head-menu t-menu--light"
-    style="margin-bottom: 20px;"
-  >
-    <div
-      class="t-head-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </div>
-      <ul
-        class="t-menu"
-      >
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单1
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单2
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单3
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-    </ul>
-  </div>
-  <div
-    class="t-head-menu t-menu--dark"
-  >
-    <div
-      class="t-head-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </div>
-      <ul
-        class="t-menu"
-      >
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单1
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单2
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单3
-            </span>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              菜单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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-    </ul>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\group-side.tsx 1`] = `
-<div>
-  <div
-    class="t-default-menu"
-    style="width: 232px;"
-  >
-    <div
-      class="t-default-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </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
-              class="t-icon t-icon-app"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="app"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M3 3H10V10H3V3Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M14 14H21V21H14V14Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M3 14H10V21H3V14Z"
-                    fill="transparent"
-                  />
-                </g>
-                <path
-                  d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M3 3H10V10H3V3Z"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M14 14H21V21H14V14Z"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M3 14H10V21H3V14Z"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-                <path
-                  d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-                class="t-icon t-icon-server"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="server"
-                >
-                  <g
-                    id="fill1"
-                  >
-                    <path
-                      d="M21 14V21H3L3 14L21 14Z"
-                      fill="transparent"
-                    />
-                    <path
-                      d="M21 3V10L3 10L3 3L21 3Z"
-                      fill="transparent"
-                    />
-                  </g>
-                  <g
-                    id="stroke1"
-                  >
-                    <path
-                      d="M21 14V21H3L3 14L21 14Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M21 3V10L3 10L3 3L21 3Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </g>
-              </svg>
-              <span
-                class="t-menu__content"
-              >
-                列表项
-              </span>
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </div>
-            <ul
-              class="t-menu__sub t-slide-down-enter-active"
-              style="max-height: 0; --padding-left: 44px; overflow: hidden;"
-            >
-              <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
-              class="t-icon t-icon-edit-1"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="edit-1"
-              >
-                <path
-                  d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              表单项
-            </span>
-          </li>
-          <li
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-root-list"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="root-list"
-              >
-                <path
-                  d="M21 3H3V21L21 21V3Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M21 3H3V21L21 21V3Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M17 8.5L7 8.5M7 12.5L13 12.5"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              详情页
-            </span>
-          </li>
-          <li
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-check"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="check"
-              >
-                <path
-                  d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              个人页
-            </span>
-          </li>
-          <li
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-login"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="login"
-              >
-                <path
-                  d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15 3.5H20V20.5H15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              登录页
-            </span>
-          </li>
-        </div>
-      </ul>
-      <div
-        class="t-menu__operations"
-      >
-        <button
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-view-list"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="view-list"
-            >
-              <path
-                d="M3 5H21M3 12H21M3 19H21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\multi-side.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-app"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="app"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </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
-              class="t-icon t-icon-code"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="code"
-              >
-                <path
-                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 4.00049L10 20.0005"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                资源列表
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow t-fake-arrow--active"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active appear appear-active"
-            style="max-height: 50px; --padding-left: 44px; overflow: hidden; height: 0px;"
-          >
-            <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
-              class="t-icon t-icon-file"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="file"
-              >
-                <path
-                  d="M4 22H20V8H14V2H4V22Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                调度平台
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow t-fake-arrow--active"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active appear appear-active"
-            style="max-height: 250px; --padding-left: 44px; overflow: hidden; height: 0px;"
-          >
-            <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              <ul
-                class="t-menu__sub t-slide-down-enter-active"
-                style="max-height: 0; --padding-left: 60px; overflow: hidden;"
-              >
-                <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
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                精准监控
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active"
-            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
-          >
-            <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
-            class="t-icon t-icon-rollback"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="rollback"
-            >
-              <path
-                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            根目录
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                消息区
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active"
-            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
-          >
-            <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
-          class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-view-list"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="view-list"
-            >
-              <path
-                d="M3 5H21M3 12H21M3 19H21"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </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
-            class="t-icon t-icon-app"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="app"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            仪表盘
-          </span>
-        </li>
-        <li
-          class="t-submenu t-is-opened"
-        >
-          <div
-            class="t-menu__item t-is-opened"
-          >
-            <svg
-              class="t-icon t-icon-code"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="code"
-              >
-                <path
-                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 4.00049L10 20.0005"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                资源列表
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow t-fake-arrow--active"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active appear appear-active"
-            style="max-height: 200px; --padding-left: 44px; overflow: hidden; height: 0px;"
-          >
-            <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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </div>
-              <ul
-                class="t-menu__sub t-slide-down-enter-active"
-                style="max-height: 0; --padding-left: 60px; overflow: hidden;"
-              >
-                <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
-              class="t-icon t-icon-file"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="file"
-              >
-                <path
-                  d="M4 22H20V8H14V2H4V22Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                调度平台
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow t-fake-arrow--active"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active appear appear-active"
-            style="max-height: 100px; --padding-left: 44px; overflow: hidden; height: 0px;"
-          >
-            <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
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                精准监控
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active"
-            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
-          >
-            <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
-            class="t-icon t-icon-rollback"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="rollback"
-            >
-              <path
-                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            根目录
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                消息区
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-          <ul
-            class="t-menu__sub t-slide-down-enter-active"
-            style="max-height: 0; --padding-left: 44px; overflow: hidden;"
-          >
-            <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
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-view-list"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="view-list"
-              >
-                <path
-                  d="M3 5H21M3 12H21M3 19H21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="t-head-menu t-menu--light"
-    style="margin-bottom: 20px;"
-  >
-    <div
-      class="t-head-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </div>
-      <ul
-        class="t-menu"
-      >
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <span
-              class="t-menu__content"
-            >
-              电器
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </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
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              水果蔬菜
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </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
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </div>
-      <ul
-        class="t-menu"
-      >
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <span
-              class="t-menu__content"
-            >
-              电器
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </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
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              水果蔬菜
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-menu__item t-menu__item--plain"
-        >
-          <span
-            class="t-menu__content"
-          >
-            其他
-          </span>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\popup-side.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-app"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="app"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            仪表盘
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <svg
-              class="t-icon t-icon-code"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="code"
-              >
-                <path
-                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 4.00049L10 20.0005"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                资源列表
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-file"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="file"
-              >
-                <path
-                  d="M4 22H20V8H14V2H4V22Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                调度平台
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                精准监控
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled"
-        >
-          <svg
-            class="t-icon t-icon-rollback"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="rollback"
-            >
-              <path
-                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            根目录
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                消息区
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-      </ul>
-      <div
-        class="t-menu__operations"
-      >
-        <svg
-          class="t-icon t-icon-view-list t-menu__operations-icon"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="view-list"
-          >
-            <path
-              d="M3 5H21M3 12H21M3 19H21"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-            class="t-icon t-icon-app"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="app"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                fill="transparent"
-                id="fill2"
-              />
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 14H21V21H14V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <path
-                d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            仪表盘
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item t-is-active"
-          >
-            <svg
-              class="t-icon t-icon-code"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="code"
-              >
-                <path
-                  d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 4.00049L10 20.0005"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                资源列表
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-file"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="file"
-              >
-                <path
-                  d="M4 22H20V8H14V2H4V22Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                调度平台
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                精准监控
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-        <li
-          class="t-menu__item t-is-disabled"
-        >
-          <svg
-            class="t-icon t-icon-rollback"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="rollback"
-            >
-              <path
-                d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            class="t-menu__content"
-          >
-            根目录
-          </span>
-        </li>
-        <li
-          class="t-submenu"
-        >
-          <div
-            class="t-menu__item"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span
-              class="t-menu__content"
-            >
-              <span>
-                消息区
-              </span>
-            </span>
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </div>
-        </li>
-      </ul>
-      <div
-        class="t-menu__operations"
-      >
-        <svg
-          class="t-icon t-icon-view-list t-menu__operations-icon"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="view-list"
-          >
-            <path
-              d="M3 5H21M3 12H21M3 19H21"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\single.tsx 1`] = `
-<div>
-  <div
-    class="t-head-menu t-menu--light"
-    style="margin-bottom: 20px;"
-  >
-    <div
-      class="t-head-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="search"
-              >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </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
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </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
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="search"
-              >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-mail"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mail"
-              >
-                <path
-                  d="M22 4H2V20L22 20V4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-user"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="user"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    fill="transparent"
-                  />
-                </g>
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-          <button
-            class="t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-            type="button"
-          >
-            <svg
-              class="t-icon t-icon-ellipsis"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="ellipsis"
-              >
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M4 11.5H5V12.5H4V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M19 11.5H20V12.5H19V11.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\menu\\_example\\single-side.tsx 1`] = `
-<div>
-  <div
-    class="t-default-menu"
-    style="width: 232px; margin-right: 20px;"
-  >
-    <div
-      class="t-default-menu__inner"
-    >
-      <div
-        class="t-menu__logo"
-      >
-        <img
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-light.png"
-        />
-      </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
-          alt="logo"
-          height="28"
-          src="https://tdesign.gtimg.com/site/baseLogo-dark.png"
-        />
-      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-info"
-      >
-        <svg
-          class="t-icon t-icon-info-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-            fill="currentColor"
-          />
-        </svg>
-        用户表示普通操作信息提示
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-success"
-      >
-        <svg
-          class="t-icon t-icon-check-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-            fill="currentColor"
-          />
-        </svg>
-        用于表示操作顺利达成
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-warning"
-      >
-        <svg
-          class="t-icon t-icon-error-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-            fill="currentColor"
-          />
-        </svg>
-        用户表示操作引起一定后果
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-error"
-      >
-        <svg
-          class="t-icon t-icon-error-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-            fill="currentColor"
-          />
-        </svg>
-        用于表示操作引起严重的后果
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-question"
-      >
-        <svg
-          class="t-icon t-icon-help-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"
-            fill="currentColor"
-          />
-        </svg>
-        用于帮助用户操作的信息提示
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-info t-is-closable"
-      >
-        <svg
-          class="t-icon t-icon-info-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-            fill="currentColor"
-          />
-        </svg>
-        默认关闭按钮
-        <svg
-          class="t-icon t-icon-close t-message__close"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="close"
-          >
-            <path
-              d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-info t-is-closable"
-      >
-        <svg
-          class="t-icon t-icon-info-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-            fill="currentColor"
-          />
-        </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
-          class="t-icon t-icon-info-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-            fill="currentColor"
-          />
-        </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
-          class="t-icon t-icon-info-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-            fill="currentColor"
-          />
-        </svg>
-        自定义关闭按钮（ReactNode）
-        <div
-          class="t-message__close"
-        >
-          x
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close-all.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击打开多个消息
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击关闭所有消息
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\close-function.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      自由控制关闭时机（
-      打开
-      ）
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\config.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          配置
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          测试
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\duration.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          I am duration 20s Message
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          close latest duration 20s Message
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          close all Message
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\loading.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-            height="1em"
-            version="1.1"
-            viewBox="0 0 12 12"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <foreignobject
-              height="12"
-              width="12"
-              x="0"
-              y="0"
-            >
-              <div
-                class="t-loading__gradient-conic"
-              />
-            </foreignobject>
-          </svg>
-        </div>
-        用于表示操作正在生效的过程中
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-success"
-      >
-        <svg
-          class="t-icon t-icon-check-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-            fill="currentColor"
-          />
-        </svg>
-        用于表示操作顺利达成(10s)
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-message t-is-warning"
-      >
-        <svg
-          class="t-icon t-icon-error-circle-filled"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <path
-            d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-            fill="currentColor"
-          />
-        </svg>
-        用于表示普通操作失败中断(10s)
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        style="margin-top: 16px;"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          重置
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\methods.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          info
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          success
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          warning
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          error
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          question
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          loading
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\message\\_example\\offset.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            style="width: 200px;"
-            value="0"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入横向偏移量"
-                type="text"
-                value="0"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            style="width: 200px; margin-left: 16px;"
-            value="0"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入纵向偏移量"
-                type="text"
-                value="0"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="position: relative; margin: 0px auto; width: 500px; height: 260px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; right: 42%; bottom: 42%;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              center
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; top: 0px; left: 42%;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              top
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; left: 0px; top: 42%;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              left
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; right: 0px; top: 42%;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              right
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; bottom: 0px; left: 42%;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              bottom
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; top: 0px; left: 70px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              top-left
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; top: 0px; right: 70px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              top-right
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; bottom: 0px; left: 70px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              bottom-left
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            style="position: absolute; bottom: 0px; right: 70px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              bottom-right
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\attach.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          信息
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          成功
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          警告
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          错误
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-notification t-notification-is-info"
-  >
-    <div
-      class="t-notification__icon"
-    >
-      <svg
-        class="t-icon t-icon-info-circle-filled t-is-info"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-          fill="currentColor"
-        />
-      </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
-        class="t-notification__content"
-      >
-        这是一条消息通知
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\close-all.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击打开多个消息
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击关闭多个消息
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\content.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-notification t-notification-is-info"
-      >
-        <div
-          class="t-notification__icon"
-        >
-          <svg
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            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
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            <div>
-              这是一条消息通知
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\footer.tsx 1`] = `
-<div>
-  <div
-    class="t-notification t-notification-is-info"
-  >
-    <div
-      class="t-notification__icon"
-    >
-      <svg
-        class="t-icon t-icon-info-circle-filled t-is-info"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <path
-          d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-          fill="currentColor"
-        />
-      </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
-        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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-notification t-notification-is-info"
-      >
-        <div
-          class="t-notification__icon"
-        >
-          <svg
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            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
-            class="t-icon t-icon-info-circle-filled t-is-error"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            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
-            class="t-icon t-icon-info-circle-filled t-is-warning"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            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
-            class="t-icon t-icon-check-circle-filled t-is-success"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知这是一条消息通知
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\operation.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-notification t-notification-is-info"
-      >
-        <div
-          class="t-notification__icon"
-        >
-          <svg
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            文案不限长度，但是展示最大显示三行折行的末尾显示折行末尾显示折行末尾显示折行末尾显示折行末尾显示折行折行末尾显示折行折行末尾显示折行末尾显示折行折行末尾
-          </div>
-          <div
-            class="t-notification__detail"
-          >
-            <div>
-              <button
-                class="t-button t-button--theme-primary t-button--variant-text"
-                type="button"
-              >
-                <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
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            使用 props function 自定义底部内容
-          </div>
-          <div
-            class="t-notification__detail"
-          >
-            <div>
-              <button
-                class="t-button t-button--theme-primary t-button--variant-text"
-                type="button"
-              >
-                <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
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            1. 使用 props function 自定义标题；2. 使用插槽自定义底部内容
-          </div>
-          <div
-            class="t-notification__detail"
-          >
-            <div
-              slot="footer"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-text"
-                type="button"
-              >
-                <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
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            1. 使用插槽自定义标题 2. 使用插槽自定义底部内容
-          </div>
-          <div
-            class="t-notification__detail"
-          >
-            <div>
-              <button
-                class="t-button t-button--theme-default t-button--variant-text"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重启
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-primary t-button--variant-text"
-                type="button"
-              >
-                <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
-            class="t-icon t-icon-info-circle-filled t-is-info"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"
-              fill="currentColor"
-            />
-          </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
-            class="t-notification__content"
-          >
-            使用插槽自定义内容
-          </div>
-          <div
-            class="t-notification__detail"
-          >
-            <div>
-              <button
-                class="t-button t-button--theme-default t-button--variant-text"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  重启
-                </span>
-              </button>
-              <button
-                class="t-button t-button--theme-primary t-button--variant-text"
-                type="button"
-              >
-                <span
-                  class="t-button__text"
-                >
-                  更多
-                </span>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\placement.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            style="width: 130px; display: inline-block; margin: 0px 20px 36px 0px;"
-            value="0"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入横向偏移量"
-                type="text"
-                value="0"
-              />
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            style="width: 130px; display: inline-block; margin: 0px 20px 36px 0px;"
-            value="0"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入纵向偏移量"
-                type="text"
-                value="0"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              左上角
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              右上角
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              左下角
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              右下角
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\plugin.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          信息
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          成功
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          警告
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          错误
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\notification\\_example\\toggle.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      自由控制关闭时机
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 100 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="5 条/页"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="5 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                5 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-          class="t-icon t-icon-ellipsis"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="ellipsis"
-          >
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M4 11.5H5V12.5H4V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19 11.5H20V12.5H19V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </li>
-      <li
-        class="t-pagination__number"
-      >
-        20
-      </li>
-    </ul>
-    <div
-      class="t-pagination__btn t-pagination__btn-next"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\jump.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 645 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="20 条/页"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="20 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                20 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-          class="t-icon t-icon-ellipsis"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="ellipsis"
-          >
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M4 11.5H5V12.5H4V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19 11.5H20V12.5H19V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </li>
-      <li
-        class="t-pagination__number"
-      >
-        33
-      </li>
-    </ul>
-    <div
-      class="t-pagination__btn t-pagination__btn-next"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-pagination__jump"
-    >
-      跳至
-      <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"
-            spellcheck="false"
-            value="1"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                autocomplete="off"
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value="1"
-              />
-            </div>
-          </div>
-        </div>
-        <span
-          class="t-input-adornment__append"
-        >
-          <span
-            class="t-input-adornment__text"
-          >
-            / 33 页
-          </span>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\mini.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination t-size-s"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 100 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="5 条/页"
-          >
-            <div
-              class="t-input t-size-s t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="5 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                5 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-          class="t-icon t-icon-ellipsis"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="ellipsis"
-          >
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M4 11.5H5V12.5H4V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19 11.5H20V12.5H19V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </li>
-      <li
-        class="t-pagination__number"
-      >
-        20
-      </li>
-    </ul>
-    <div
-      class="t-pagination__btn t-pagination__btn-next"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\more.tsx 1`] = `
-<div>
-  <div>
-    <span>
-      展示首尾页码省略
-    </span>
-    <div
-      class="t-pagination"
-    >
-      <div
-        class="t-pagination__total"
-      >
-        共 100 条数据
-      </div>
-      <div
-        class="t-pagination__select"
-      >
-        <div
-          class="t-select__wrap"
-        >
-          <div
-            class="t-select t-select-input"
-          >
-            <div
-              class="t-input__wrap t-input--auto-width"
-              spellcheck="false"
-              value="5 条/页"
-            >
-              <div
-                class="t-input t-align-left t-input--suffix"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  value="5 条/页"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  5 条/页
-                </span>
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-      >
-        <svg
-          class="t-icon t-icon-chevron-left"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-left"
-          >
-            <path
-              d="M14.5 17.5L9 12L14.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-            class="t-icon t-icon-ellipsis"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="ellipsis"
-            >
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M4 11.5H5V12.5H4V11.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M19 11.5H20V12.5H19V11.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </li>
-        <li
-          class="t-pagination__number"
-        >
-          20
-        </li>
-      </ul>
-      <div
-        class="t-pagination__btn t-pagination__btn-next"
-      >
-        <svg
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-    </div>
-    <span>
-      不展示首尾页码省略
-    </span>
-    <div
-      class="t-pagination"
-    >
-      <div
-        class="t-pagination__total"
-      >
-        共 100 条数据
-      </div>
-      <div
-        class="t-pagination__select"
-      >
-        <div
-          class="t-select__wrap"
-        >
-          <div
-            class="t-select t-select-input"
-          >
-            <div
-              class="t-input__wrap t-input--auto-width"
-              spellcheck="false"
-              value="5 条/页"
-            >
-              <div
-                class="t-input t-align-left t-input--suffix"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请选择"
-                  readonly=""
-                  type="text"
-                  value="5 条/页"
-                />
-                <span
-                  class="t-input__input-pre"
-                >
-                  5 条/页
-                </span>
-                <span
-                  class="t-input__suffix t-input__suffix-icon"
-                >
-                  <svg
-                    class="t-fake-arrow t-select__right-icon"
-                    fill="none"
-                    height="16"
-                    viewBox="0 0 16 16"
-                    width="16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                      stroke="black"
-                      stroke-opacity="0.9"
-                      stroke-width="1.3"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-      >
-        <svg
-          class="t-icon t-icon-chevron-left"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-left"
-          >
-            <path
-              d="M14.5 17.5L9 12L14.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </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
-          class="t-icon t-icon-chevron-right"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-right"
-          >
-            <path
-              d="M9.5 17.5L15 12L9.5 6.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 645 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="20 条/页"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="20 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                20 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-          class="t-icon t-icon-ellipsis"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="ellipsis"
-          >
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M4 11.5H5V12.5H4V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19 11.5H20V12.5H19V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </li>
-      <li
-        class="t-pagination__number"
-      >
-        33
-      </li>
-    </ul>
-    <div
-      class="t-pagination__btn t-pagination__btn-next"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\pagination-mini.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'vertical'"
-                tabindex="-1"
-                type="radio"
-                value="vertical"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                vertical
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'horizontal'"
-                tabindex="-1"
-                type="radio"
-                value="horizontal"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                horizontal
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'small'"
-                tabindex="-1"
-                type="radio"
-                value="small"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                small
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'medium'"
-                tabindex="-1"
-                type="radio"
-                value="medium"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                medium
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'large'"
-                tabindex="-1"
-                type="radio"
-                value="large"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                large
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-pagination-mini"
-      >
-        <button
-          class="t-pagination-mini__prev t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          title="前尘忆梦"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-chevron-up"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-up"
-            >
-              <path
-                d="M17.5 14.5L12 9L6.5 14.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <button
-          class="t-pagination-mini__current t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          title="回到现在"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-round"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="round"
-            >
-              <circle
-                cx="12"
-                cy="12"
-                fill="transparent"
-                id="fill1"
-                r="7"
-              />
-              <circle
-                cx="12"
-                cy="12"
-                id="stroke1"
-                r="7"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <button
-          class="t-pagination-mini__next t-button t-button--theme-default t-button--variant-text t-button--shape-square"
-          title="展望未来"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-chevron-down"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-down"
-            >
-              <path
-                d="M17.5 9.5L12 15L6.5 9.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 100 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="5 条/页"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="5 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                5 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-pagination__jump"
-    >
-      跳至
-      <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"
-            spellcheck="false"
-            value="1"
-          >
-            <div
-              class="t-input t-align-left"
-            >
-              <input
-                autocomplete="off"
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value="1"
-              />
-            </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
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination t-size-s"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 100 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="5 条/页"
-          >
-            <div
-              class="t-input t-size-s t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="5 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                5 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-pagination__jump"
-    >
-      跳至
-      <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"
-            spellcheck="false"
-            value="1"
-          >
-            <div
-              class="t-input t-size-s t-align-left"
-            >
-              <input
-                autocomplete="off"
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value="1"
-              />
-            </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
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\pagination\\_example\\total.tsx 1`] = `
-<div>
-  <div
-    class="t-pagination"
-  >
-    <div
-      class="t-pagination__total"
-    >
-      共 685 条数据
-    </div>
-    <div
-      class="t-pagination__select"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap t-input--auto-width"
-            spellcheck="false"
-            value="10 条/页"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="10 条/页"
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                10 条/页
-              </span>
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </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
-          class="t-icon t-icon-ellipsis"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="ellipsis"
-          >
-            <g
-              id="stroke1"
-            >
-              <path
-                d="M4 11.5H5V12.5H4V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M19 11.5H20V12.5H19V11.5Z"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </g>
-        </svg>
-      </li>
-      <li
-        class="t-pagination__number"
-      >
-        69
-      </li>
-    </ul>
-    <div
-      class="t-pagination__btn t-pagination__btn-next"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          删除订单
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          提交审核
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\button.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          按钮样式（属性-字符串）
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          按钮样式（TNode）
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\describe.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          自定义浮层内容
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-warning t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          自定义浮层内容
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\extends.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      浮层在右边
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              默认
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-warning t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              警告
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-danger t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              危险
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-outline"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              自定义图标（属性）
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\inherit.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          浮层出现在下方
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          浮层出现在右侧
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\placement.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Left
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Top
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Bottom
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popconfirm\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          默认
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          提示
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-danger t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          警告
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-danger t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          错误
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Hover me
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-button t-button--theme-primary t-button--variant-base t-is-disabled"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Hover me
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\container.tsx 1`] = `
-<div>
-  <div
-    class="t-space attach-container t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击查看我的父元素(CSS Selector)
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击查看我的父元素(Function)
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\destroy.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Hover me
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\disabled.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Hover me
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\dynamic.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      点击改变内容
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\placement.tsx 1`] = `
-<div>
-  <div
-    style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
-  >
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; top: 0px; left: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; top: 0px; left: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top-left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; top: 0px; right: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top-right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; bottom: 0px; left: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; bottom: 0px; left: 70px; width: 120px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom-left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; bottom: 0px; right: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom-right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; left: 0px; top: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; left: 0px; top: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left-top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; left: 0px; bottom: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left-bottom
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; right: 0px; top: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; right: 0px; top: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right-top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-primary t-button--variant-base"
-      style="position: absolute; right: 0px; bottom: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right-bottom
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\plugin.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="trigger-element1 t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          正常的方式打开
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="trigger-element2 t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          通过Plugin打开，并修改不同浮层的配置
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <span>
-          这里是一个日志查询的例子，在很长的日志内容中，日志内容存在换行的情况，可以点击链接进行日志查询操作
-        </span>
-        <a
-          class="trigger-element3"
-        >
-          点击此链接，会打开浮层进行跳转操作
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\popper-options.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                横向偏移量:
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-input-number t-size-s t-input-number--row"
-                style="width: 130px; display: inline-block;"
-              >
-                <button
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-s"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value="30"
-                >
-                  <div
-                    class="t-input t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入横向偏移量"
-                      type="text"
-                      value="30"
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-s"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                纵向偏移量:
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-input-number t-size-s t-input-number--row"
-                style="width: 130px; display: inline-block;"
-              >
-                <button
-                  class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-remove t-size-s"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="remove"
-                    >
-                      <path
-                        d="M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-                <div
-                  class="t-input__wrap"
-                  spellcheck="false"
-                  value="10"
-                >
-                  <div
-                    class="t-input t-size-s t-align-center"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder="请输入纵向偏移量"
-                      type="text"
-                      value="10"
-                    />
-                  </div>
-                </div>
-                <button
-                  class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-add t-size-s"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="add"
-                    >
-                      <path
-                        d="M12 5L12 19M19 12L5 12"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Hover me
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\style.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          自定义浮层类名
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          固定浮层宽度
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          浮层最大宽度
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          浮层和触发元素同宽
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\trigger.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          悬浮时触发（默认）
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        style="width: 200px;"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="获得焦点时触发"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击时触发
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          右击时触发
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\trigger-element.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          默认子节点元素触发
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          使用 triggerElement 元素触发
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        id="trigger-element"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          提供字符串选择器选择触发元素
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\popup\\_example\\visible.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      一直显示
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\progress\\_example\\circle.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        默认
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="margin: 20px 0px 10px; gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                默认样式
-              </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"
-                  >
-                    10%
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="35.18583772020568  316.6725394818512"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                不显示数字
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <div>
-                <div
-                  class="t-progress--circle"
-                  style="width: 112px; height: 112px; font-size: 17.5px;"
-                >
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="35.18583772020568  316.6725394818512"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                自定义内容
-              </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>
-                      10
-                      day
-                    </div>
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="35.18583772020568  316.6725394818512"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="margin: 20px 0px 10px; gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                进度状态完成
-              </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
-                      class="t-icon t-icon-check t-progress__icon"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="check"
-                      >
-                        <path
-                          d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="351.85837720205683  0"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                进度状态发生重大错误
-              </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
-                      class="t-icon t-icon-close t-progress__icon"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="close"
-                      >
-                        <path
-                          d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="263.89378290154264  87.96459430051421"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                进度状态被中断
-              </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
-                      class="t-icon t-icon-error t-progress__icon"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="error"
-                      >
-                        <path
-                          d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="175.92918860102841  175.92918860102841"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        默认不同尺寸
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="margin: 20px 0px 10px; gap: 24px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                小尺寸
-              </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"
-                  >
-                    30%
-                  </div>
-                  <svg
-                    height="72"
-                    viewBox="0 0 76 76"
-                    width="72"
-                  >
-                    <circle
-                      cx="38"
-                      cy="38"
-                      fill="none"
-                      r="36"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="4"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="38"
-                      cy="38"
-                      fill="none"
-                      r="36"
-                      stroke-dasharray="67.85840131753953  158.33626974092556"
-                      stroke-width="4"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,76)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                默认尺寸
-              </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"
-                  >
-                    30%
-                  </div>
-                  <svg
-                    height="112"
-                    viewBox="0 0 118 118"
-                    width="112"
-                  >
-                    <circle
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="59"
-                      cy="59"
-                      fill="none"
-                      r="56"
-                      stroke-dasharray="105.55751316061705  246.30086404143975"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,118)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-align-center t-space-vertical"
-            style="margin: 15px 15px 15px 60px; min-width: 160px; gap: 8px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                style="margin-bottom: 10px;"
-              >
-                大尺寸
-              </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"
-                  >
-                    75%
-                  </div>
-                  <svg
-                    height="160"
-                    viewBox="0 0 166 166"
-                    width="160"
-                  >
-                    <circle
-                      cx="83"
-                      cy="83"
-                      fill="none"
-                      r="80"
-                      stroke="var(--td-bg-color-component)"
-                      stroke-width="6"
-                    />
-                    <circle
-                      class="t-progress__circle-inner"
-                      cx="83"
-                      cy="83"
-                      fill="none"
-                      r="80"
-                      stroke-dasharray="376.99111843077515  125.66370614359172"
-                      stroke-width="6"
-                      style="stroke-linecap: round;"
-                      transform="matrix(0,-1,1,0,0,166)"
-                    />
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\progress\\_example\\line.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        动态更新示例
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="width: 100%; gap: 16px;"
-      >
-        <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: 10%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                10%
-              </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: 10%;"
-                />
-              </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: 10%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                <div>
-                  自定义文本
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        默认在线形外展示进度和状态
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="width: 100%; gap: 16px;"
-      >
-        <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: 30%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                30%
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            100%
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <div
-              class="t-progress--thin t-progress--status--success"
-            >
-              <div
-                class="t-progress__bar"
-              >
-                <div
-                  class="t-progress__inner"
-                  style="width: 100%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled t-progress__icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </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--success"
-            >
-              <div
-                class="t-progress__bar"
-              >
-                <div
-                  class="t-progress__inner"
-                  style="width: 60%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled t-progress__icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </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: 60%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled t-progress__icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </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--warning"
-            >
-              <div
-                class="t-progress__bar"
-              >
-                <div
-                  class="t-progress__inner"
-                  style="width: 60%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled t-progress__icon"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </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: 60%;"
-                />
-              </div>
-              <div
-                class="t-progress__info"
-              >
-                60%
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        可以在线形内展示进度信息
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="width: 100%; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            默认样式
-          </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: 30%;"
-              />
-              <div
-                class="t-progress__info"
-              >
-                30%
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧
-          </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: 10%;"
-              />
-              <div
-                class="t-progress__info"
-              >
-                <div>
-                  当前进度为：
-                  10
-                  %
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-align-center t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="https://tdesign.tencent.com/"
-      >
-        <div
-          class="t-input t-align-left"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="-"
-            type="text"
-            value="https://tdesign.tencent.com/"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: rgb(255, 255, 255); width: 160px; height: 160px;"
-      >
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode t-qrcode-svg"
-        level="M"
-        style="background-color: rgb(217, 225, 255); width: 160px; height: 160px;"
-      >
-        <svg
-          height="160"
-          role="img"
-          viewBox="0 0 29 29"
-          width="160"
-        >
-          <path
-            d="M0,0 h29v29H0z"
-            fill="#D9E1FF"
-            shape-rendering="crispEdges"
-          />
-          <path
-            d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z"
-            fill="#0052D9"
-            shape-rendering="crispEdges"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="margin-bottom: 16px; user-select: none; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-minus"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="minus"
-          >
-            <path
-              d="M16.502 12L7.50195 12"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          Smaller
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-add"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="add"
-          >
-            <path
-              d="M12 5L12 19M19 12L5 12"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          Larger
-        </span>
-      </button>
-    </div>
-  </div>
-  <p
-    style="min-height: 160px;"
-  >
-    <div
-      class="t-qrcode"
-      level="H"
-      style="background-color: transparent; width: 160px; height: 160px;"
-    >
-      <canvas
-        height="160"
-        role="img"
-        width="160"
-      />
-      <img
-        crossorigin="anonymous"
-        src="https://tdesign.gtimg.com/site/tdesign-logo.png"
-        style="display: none;"
-      />
-    </div>
-  </p>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <div
-            class="t-space t-space-vertical"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-loading t-loading--center"
-                style="font-size: 32px;"
-              >
-                <svg
-                  class="t-loading__gradient t-icon-loading"
-                  height="1em"
-                  version="1.1"
-                  viewBox="0 0 12 12"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <foreignobject
-                    height="12"
-                    width="12"
-                    x="0"
-                    y="0"
-                  >
-                    <div
-                      class="t-loading__gradient-conic"
-                    />
-                  </foreignobject>
-                </svg>
-              </div>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <p>
-                加载中...
-              </p>
-            </div>
-          </div>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <div
-            style="display: flex; align-items: center; flex-direction: column;"
-          >
-            <p
-              style="display: flex; align-items: center; column-gap: 8px;"
-            >
-              <svg
-                class="t-icon t-icon-close-circle-filled"
-                fill="none"
-                height="1em"
-                style="fill: none; color: red; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                  fill="currentColor"
-                />
-              </svg>
-              <span>
-                二维码过期
-              </span>
-            </p>
-            <p
-              style="display: flex; align-items: center; column-gap: 8px; color: rgb(0, 82, 217); cursor: pointer; line-height: 32px;"
-            >
-              <svg
-                class="t-icon t-icon-refresh"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="refresh"
-                >
-                  <path
-                    d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span>
-                点击刷新
-              </span>
-            </p>
-          </div>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <div
-            style="display: flex; align-items: center; column-gap: 8px;"
-          >
-            <svg
-              class="t-icon t-icon-check-circle-filled"
-              fill="none"
-              height="1em"
-              style="fill: none; color: rgb(43, 164, 113); font-size: 16px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                fill="currentColor"
-              />
-            </svg>
-            <span>
-              已扫描
-            </span>
-          </div>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\download.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'canvas'"
-            tabindex="-1"
-            type="radio"
-            value="canvas"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            canvas
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'svg'"
-            tabindex="-1"
-            type="radio"
-            value="svg"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            svg
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        id="qrcode"
-      >
-        <div
-          class="t-qrcode"
-          level="M"
-          style="background-color: transparent; margin-bottom: 16px; width: 160px; height: 160px;"
-        >
-          <canvas
-            height="160"
-            role="img"
-            width="160"
-          />
-          <img
-            crossorigin="anonymous"
-            src="https://tdesign.gtimg.com/site/tdesign-logo.png"
-            style="display: none;"
-          />
-        </div>
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            Download
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-qrcode"
-    level="M"
-    style="background-color: transparent; width: 160px; height: 160px;"
-  >
-    <canvas
-      height="160"
-      role="img"
-      width="160"
-    />
-    <img
-      crossorigin="anonymous"
-      src="https://tdesign.gtimg.com/site/tdesign-logo.png"
-      style="display: none;"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\level.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'L'"
-            tabindex="-1"
-            type="radio"
-            value="L"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            L
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'M'"
-            tabindex="-1"
-            type="radio"
-            value="M"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            M
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'Q'"
-            tabindex="-1"
-            type="radio"
-            value="Q"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            Q
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'H'"
-            tabindex="-1"
-            type="radio"
-            value="H"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            H
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="L"
-        style="background-color: transparent; margin-bottom: 16px; width: 160px; height: 160px;"
-      >
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\popover.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-base"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      Hover me
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <div
-            class="t-loading t-loading--center"
-            style="font-size: 32px;"
-          >
-            <svg
-              class="t-loading__gradient t-icon-loading"
-              height="1em"
-              version="1.1"
-              viewBox="0 0 12 12"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <foreignobject
-                height="12"
-                width="12"
-                x="0"
-                y="0"
-              >
-                <div
-                  class="t-loading__gradient-conic"
-                />
-              </foreignobject>
-            </svg>
-          </div>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <p
-            class="t-expired__text"
-          >
-            二维码过期
-          </p>
-          <p
-            class="t-expired__button"
-          >
-            <svg
-              class="t-icon t-icon-refresh"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 16px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="refresh"
-              >
-                <path
-                  d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            点击刷新
-          </p>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <div
-          class="t-mask"
-        >
-          <p
-            class="t-scanned"
-          >
-            <svg
-              class="t-icon t-icon-check-circle-filled t-scanned__icon"
-              fill="none"
-              height="1em"
-              style="fill: none; font-size: 16px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                fill="currentColor"
-              />
-            </svg>
-            已扫描
-          </p>
-        </div>
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <canvas
-          height="160"
-          role="img"
-          width="160"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-qrcode t-qrcode-svg"
-        level="M"
-        style="background-color: transparent; width: 160px; height: 160px;"
-      >
-        <svg
-          height="160"
-          role="img"
-          viewBox="0 0 29 29"
-          width="160"
-        >
-          <path
-            d="M0,0 h29v29H0z"
-            fill="transparent"
-            shape-rendering="crispEdges"
-          />
-          <path
-            d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z"
-            fill=""
-            shape-rendering="crispEdges"
-          />
-        </svg>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-radio"
-        tabindex="0"
-      >
-        <input
-          class="t-radio__former"
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          未选中
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-radio"
-        tabindex="0"
-      >
-        <input
-          class="t-radio__former"
-          data-allow-uncheck="true"
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          取消选中
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-radio t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-radio__former"
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          已选中
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-radio t-is-disabled"
-      >
-        <input
-          class="t-radio__former"
-          disabled=""
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          禁用未选中
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-radio t-is-checked t-is-disabled"
-      >
-        <input
-          checked=""
-          class="t-radio__former"
-          disabled=""
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio__input"
-        />
-        <span
-          class="t-radio__label"
-        >
-          禁用已选中
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'bj'"
-            tabindex="-1"
-            type="radio"
-            value="bj"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'sh'"
-            tabindex="-1"
-            type="radio"
-            value="sh"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'gz'"
-            tabindex="-1"
-            type="radio"
-            value="gz"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'sz'"
-            tabindex="-1"
-            type="radio"
-            value="sz"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <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
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'bj'"
-            tabindex="-1"
-            type="radio"
-            value="bj"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'sh'"
-            tabindex="-1"
-            type="radio"
-            value="sh"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-radio t-is-disabled"
-        >
-          <input
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'gz'"
-            disabled=""
-            tabindex="-1"
-            type="radio"
-            value="gz"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-allow-uncheck="true"
-            data-value="'sz'"
-            tabindex="-1"
-            type="radio"
-            value="sz"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <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
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bj'"
-            tabindex="-1"
-            type="radio"
-            value="bj"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'sh'"
-            tabindex="-1"
-            type="radio"
-            value="sh"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-disabled"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'gz'"
-            disabled=""
-            tabindex="-1"
-            type="radio"
-            value="gz"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'sz'"
-            tabindex="-1"
-            type="radio"
-            value="sz"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            深圳
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'北京'"
-            tabindex="-1"
-            type="radio"
-            value="北京"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'上海'"
-            tabindex="-1"
-            type="radio"
-            value="上海"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'广州'"
-            tabindex="-1"
-            type="radio"
-            value="广州"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'深圳'"
-            tabindex="-1"
-            type="radio"
-            value="深圳"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <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
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'北京'"
-            tabindex="-1"
-            type="radio"
-            value="北京"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            北京
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'上海'"
-            tabindex="-1"
-            type="radio"
-            value="上海"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上海
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'广州'"
-            tabindex="-1"
-            type="radio"
-            value="广州"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            广州
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'深圳'"
-            tabindex="-1"
-            type="radio"
-            value="深圳"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            深圳
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-s t-radio-group__outline"
-          >
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'bj'"
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sh'"
-                tabindex="-1"
-                type="radio"
-                value="sh"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz'"
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <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
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj1'"
-                tabindex="-1"
-                type="radio"
-                value="bj1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'sh1'"
-                tabindex="-1"
-                type="radio"
-                value="sh1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz1'"
-                tabindex="-1"
-                type="radio"
-                value="gz1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz1'"
-                tabindex="-1"
-                type="radio"
-                value="sz1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <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
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj2'"
-                tabindex="-1"
-                type="radio"
-                value="bj2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sh2'"
-                tabindex="-1"
-                type="radio"
-                value="sh2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'gz2'"
-                tabindex="-1"
-                type="radio"
-                value="gz2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz2'"
-                tabindex="-1"
-                type="radio"
-                value="sz2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                深圳
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-s t-radio-group--filled"
-          >
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'bj'"
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sh'"
-                tabindex="-1"
-                type="radio"
-                value="sh"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz'"
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                深圳
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
-          >
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj1'"
-                tabindex="-1"
-                type="radio"
-                value="bj1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'sh1'"
-                tabindex="-1"
-                type="radio"
-                value="sh1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz1'"
-                tabindex="-1"
-                type="radio"
-                value="gz1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz1'"
-                tabindex="-1"
-                type="radio"
-                value="sz1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                深圳
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-l t-radio-group--filled"
-          >
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj2'"
-                tabindex="-1"
-                type="radio"
-                value="bj2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                北京
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sh2'"
-                tabindex="-1"
-                type="radio"
-                value="sh2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                上海
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'gz2'"
-                tabindex="-1"
-                type="radio"
-                value="gz2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                广州
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz2'"
-                tabindex="-1"
-                type="radio"
-                value="sz2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                深圳
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\radio\\_example\\type.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'bj'"
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'sh'"
-                tabindex="-1"
-                type="radio"
-                value="sh"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="'gz'"
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'sz'"
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                选项四
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="radio"
-                value="2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="radio"
-                value="3"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked t-is-disabled"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'1'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选中禁用态
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'2'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="2"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                未选中禁用态
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj'"
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'gz'"
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'fj'"
-                tabindex="-1"
-                type="radio"
-                value="fj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项四
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'cd'"
-                tabindex="-1"
-                type="radio"
-                value="cd"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项五
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'bj'"
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'gz'"
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'fj'"
-                tabindex="-1"
-                type="radio"
-                value="fj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项四
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'cd'"
-                tabindex="-1"
-                type="radio"
-                value="cd"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项五
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-                class="t-radio-button__former"
-                data-value="'fj'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="fj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'cd'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="cd"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked t-is-disabled"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'bj'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选中禁用态
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                未选中禁用态
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-                class="t-radio-button__former"
-                data-value="'fj'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="fj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项一
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'cd'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="cd"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项二
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'sz'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="sz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选项三
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked t-is-disabled"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'bj'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="bj"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                选中禁用态
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-disabled"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'gz'"
-                disabled=""
-                tabindex="-1"
-                type="radio"
-                value="gz"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                未选中禁用态
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\base.tsx 1`] = `
-<div>
-  <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
-            class="t-input__inner"
-            placeholder="请输入内容"
-            type="text"
-            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
-            class="t-input__inner"
-            placeholder="请输入内容"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\popup.tsx 1`] = `
-<div>
-  <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
-              class="t-input__inner"
-              placeholder="请输入内容"
-              type="text"
-              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
-              class="t-input__inner"
-              placeholder="请输入内容"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\range-input\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="请输入内容"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\base.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\clearable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\custom.tsx 1`] = `
-<div>
-  <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
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-      <li
-        class="t-rate__item"
-      >
-        <div
-          class="t-rate__star-top"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="#ED7B2F"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-        <div
-          class="t-rate__star-bottom"
-        >
-          <svg
-            class="t-icon t-icon-star-filled"
-            color="var(--td-bg-color-component)"
-            fill="none"
-            height="1em"
-            style="fill: none; font-size: 24px;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-              fill="currentColor"
-            />
-          </svg>
-        </div>
-      </li>
-    </ul>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-icon t-icon-star"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="star"
-                >
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-logo-github"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-logo-github"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="logo-github"
-                >
-                  <path
-                    d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-error-color-7)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-error-color-7)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--half"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-error-color-7)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-error-color-7)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-error-color-7)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-heart-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="text-align: center; gap: 16px;"
-  >
-    <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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--full"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-          <li
-            class="t-rate__item t-rate__item--half"
-          >
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\rate\\_example\\texts.tsx 1`] = `
-<div>
-  <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
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div>
-          <div>
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div>
-          <div>
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </li>
-      <li
-        class="t-rate__item t-rate__item--full"
-      >
-        <div>
-          <div>
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </li>
-      <li
-        class="t-rate__item"
-      >
-        <div>
-          <div>
-            <div
-              class="t-rate__star-top"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="#ED7B2F"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-            <div
-              class="t-rate__star-bottom"
-            >
-              <svg
-                class="t-icon t-icon-star-filled"
-                color="var(--td-bg-color-component)"
-                fill="none"
-                height="1em"
-                style="fill: none; font-size: 24px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <path
-                  d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"
-                  fill="currentColor"
-                />
-              </svg>
-            </div>
-          </div>
-        </div>
-      </li>
-    </ul>
-    <div
-      class="t-rate__text"
-    >
-      满意
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\base.tsx 1`] = `
-<div>
-  <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
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\collapsed.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 100%; gap: 16px;"
-  >
-    <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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span>
-                    +
-                    1
-                  </span>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        use collapsedItems:
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'small'"
-                tabindex="-1"
-                type="radio"
-                value="small"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                small
-              </span>
-            </label>
-            <label
-              class="t-radio t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio__former"
-                data-value="'medium'"
-                tabindex="-1"
-                type="radio"
-                value="medium"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                medium
-              </span>
-            </label>
-            <label
-              class="t-radio"
-              tabindex="0"
-            >
-              <input
-                class="t-radio__former"
-                data-value="'large'"
-                tabindex="-1"
-                type="radio"
-                value="large"
-              />
-              <span
-                class="t-radio__input"
-              />
-              <span
-                class="t-radio__label"
-              >
-                large
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <span>
-            disabled control:
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <span>
-            readonly control:
-          </span>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span>
-                    More(
-                    1
-                    )
-                  </span>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\creatable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 100%; gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--prefix t-input--suffix"
-            >
-              <div
-                class="t-input__prefix"
-              />
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                type="text"
-                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"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\custom-options.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 300px;"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="用户一"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="用户一"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\custom-selected.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-        style="width: 300px; margin-right: 20px;"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value=" "
-          >
-            <div
-              class="t-input t-align-left t-input--prefix t-input--suffix"
-            >
-              <div
-                class="t-input__prefix"
-              >
-                选中选项一
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=" "
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="选项二选项"
-                  >
-                    选项二选项
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="选项三选项"
-                  >
-                    选项三选项
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 40%;"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="Apple"
-      >
-        <div
-          class="t-input t-is-disabled t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            disabled=""
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="Apple"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\filterable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-                class="t-input__inner"
-                placeholder="-请选择-"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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="选项一"
-                  >
-                    选项一
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 800px; gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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="选项一"
-                  >
-                    选项一
-                  </span>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="选项三"
-                  >
-                    选项三
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\keys.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 200px; display: inline-block; margin-right: 20px;"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="已选择的选项"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="已选择的选项"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </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"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner t-input--soft-hidden"
-            placeholder=""
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\label-in-value.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="Apple"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="Apple"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="Apple"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="Apple"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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="Apple"
-                  >
-                    Apple
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\max.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 40%;"
-  >
-    <div
-      class="t-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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner t-input--soft-hidden"
-            placeholder=""
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-      >
-        <div
-          class="t-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"
-            spellcheck="false"
-            value=""
-          >
-            <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="区块链"
-                  >
-                    区块链
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="人工智能"
-                  >
-                    人工智能
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input__with-suffix-icon t-tag-input--with-tag"
-            spellcheck="false"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="云数据库"
-                  >
-                    云数据库
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="域名注册"
-                  >
-                    域名注册
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="网站备案"
-                  >
-                    网站备案
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="对象存储"
-                  >
-                    对象存储
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="低代码平台"
-                  >
-                    低代码平台
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner t-input--soft-hidden"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\noborder.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 40%;"
-  >
-    <div
-      class="t-select t-select-input t-select-input--borderless"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="已选择的选项"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="已选择的选项"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\options.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 40%;"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="Apple"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            type="text"
-            value="Apple"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\panel.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择云解决方案"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择云产品"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\popup-props.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-        style="width: 300px; display: inline-block;"
-      >
-        <div
-          class="t-select t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="固定300px宽度"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="固定300px宽度"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="下拉框强制和输入框同宽"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value="下拉框强制和输入框同宽"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\prefix.tsx 1`] = `
-<div>
-  <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--prefix t-input--suffix"
-        >
-          <span
-            class="t-input__prefix t-input__prefix-icon"
-          >
-            <svg
-              class="t-icon t-icon-browse"
-              fill="none"
-              height="1em"
-              style="fill: none; margin-right: 8px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                clip-path="url(#clip0_543_7945)"
-                id="browse"
-              >
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\remote-search.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                type="text"
-                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"
-                    height="1em"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
-                  </svg>
-                </div>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-select__wrap"
-        style="width: 400px;"
-      >
-        <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"
-            spellcheck="false"
-            value=""
-          >
-            <div
-              class="t-input t-align-left t-input--prefix t-input--suffix"
-            >
-              <div
-                class="t-input__prefix"
-              />
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              >
-                请选择
-              </span>
-              <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"
-                    height="1em"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
-                  </svg>
-                </div>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\scroll-bottom.tsx 1`] = `
-<div>
-  <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
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\scroll-top.tsx 1`] = `
-<div>
-  <div
-    class="t-select__wrap"
-    style="width: 200px;"
-  >
-    <div
-      class="t-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="第 50 项"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value="第 50 项"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow t-select__right-icon"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <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-size-s t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-size-l t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-disabled t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                disabled=""
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                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"
-                    height="1em"
-                    version="1.1"
-                    viewBox="0 0 12 12"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <foreignobject
-                      height="12"
-                      width="12"
-                      x="0"
-                      y="0"
-                    >
-                      <div
-                        class="t-loading__gradient-conic"
-                      />
-                    </foreignobject>
-                  </svg>
-                </div>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select\\_example\\virtual-scroll.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请选择"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-fake-arrow t-select__right-icon"
-                  fill="none"
-                  height="16"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                    stroke="black"
-                    stroke-opacity="0.9"
-                    stroke-width="1.3"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autocomplete.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-select-input t-select-input--empty"
-      style="width: 300px;"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入任意关键词"
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-search"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="search"
-              >
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M15.8027 15.8037L21.106 21.107"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autowidth.tsx 1`] = `
-<div>
-  <div
-    class="t-select-input"
-  >
-    <div
-      class="t-input__wrap t-input--auto-width"
-      spellcheck="false"
-      value="tdesign-vue"
-    >
-      <div
-        class="t-input t-align-left t-input--suffix"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="Please Select"
-          type="text"
-          value="tdesign-vue"
-        />
-        <span
-          class="t-input__input-pre"
-        >
-          tdesign-vue
-        </span>
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-icon t-icon-chevron-down"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-down"
-            >
-              <path
-                d="M17.5 9.5L12 15L6.5 9.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\autowidth-multiple.tsx 1`] = `
-<div>
-  <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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                +
-                2
-              </span>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\borderless.tsx 1`] = `
-<div>
-  <div
-    style="width: 60%;"
-  >
-    <div
-      class="t-select-input t-select-input--borderless"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="tdesign-vue"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="Please Select"
-            readonly=""
-            type="text"
-            value="tdesign-vue"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\borderless-multiple.tsx 1`] = `
-<div>
-  <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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                +
-                2
-              </span>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\collapsed-items.tsx 1`] = `
-<div>
-  <div
-    class="t-space tdesign-demo__select-input-collapsed-items t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  +
-                  5
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-icon t-icon-chevron-down"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span
-                  title="tdesign-react"
-                >
-                  tdesign-react
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  More(+
-                  4
-                  )
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-icon t-icon-chevron-down"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\custom-tag.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo-select-input-custom-tag"
-  >
-    <div
-      class="t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=" "
-      >
-        <div
-          class="t-input t-align-left t-input--prefix"
-        >
-          <div
-            class="t-input__prefix"
-          >
-            <span
-              class="displaySpan"
-            >
-              <svg
-                class="t-icon t-icon-control-platform tdesign-demo-select-input__img"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="control-platform"
-                >
-                  <path
-                    d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              tdesign-vue
-            </span>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            readonly=""
-            type="text"
-            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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                   
-                  tdesign-vue
-                </span>
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                <span
-                  class="displaySpan"
-                >
-                  <svg
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                   
-                  tdesign-react
-                </span>
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner t-input--soft-hidden"
-            placeholder=""
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                   
-                  tdesign-vue
-                  tdesign-react
-                  tdesign-mobile-vue
-                </span>
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              style="margin-right: 4px;"
-            >
-              <span>
-                <span
-                  class="displaySpan"
-                >
-                  <svg
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                   
-                  tdesign-vue
-                  tdesign-react
-                  tdesign-mobile-vue
-                </span>
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              style="margin-right: 4px;"
-            >
-              <span>
-                <span
-                  class="displaySpan"
-                >
-                  <svg
-                    class="t-icon t-icon-control-platform"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="control-platform"
-                    >
-                      <path
-                        d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        fill="transparent"
-                        id="fill1"
-                      />
-                      <path
-                        d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                   
-                  tdesign-vue
-                  tdesign-react
-                  tdesign-mobile-vue
-                </span>
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner t-input--soft-hidden"
-            placeholder=""
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\excess-tags-display-type.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo__select-input-excess-tags-display-type"
-  >
-    <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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-react"
-              >
-                tdesign-react
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-miniprogram"
-              >
-                tdesign-miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-angular"
-              >
-                tdesign-angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-mobile-vue"
-              >
-                tdesign-mobile-vue
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-mobile-react"
-              >
-                tdesign-mobile-react
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-react"
-              >
-                tdesign-react
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-miniprogram"
-              >
-                tdesign-miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-angular"
-              >
-                tdesign-angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-mobile-vue"
-              >
-                tdesign-mobile-vue
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="tdesign-mobile-react"
-              >
-                tdesign-mobile-react
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\label-suffix.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-select-input"
-      style="width: 300px;"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="tdesign-vue"
-      >
-        <div
-          class="t-input t-align-left t-input--prefix t-input--suffix"
-        >
-          <div
-            class="t-input__prefix"
-          >
-            <span>
-              前置内容：
-            </span>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder="Please Select"
-            readonly=""
-            type="text"
-            value="tdesign-vue"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-    <br />
-     
-    <br />
-    <div
-      class="t-select-input"
-      style="width: 300px;"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="tdesign-vue"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="Please Select"
-            readonly=""
-            type="text"
-            value="tdesign-vue"
-          />
-          <div
-            class="t-input__suffix"
-          >
-            <span>
-              单位：元
-            </span>
-          </div>
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\multiple.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo__select-input-multiple"
-    style="width: 100%;"
-  >
-    <div>
-      <label
-        class="t-checkbox t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          是否允许输入
-        </span>
-      </label>
-      <label
-        class="t-checkbox t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          允许创建新选项（Enter 创建）
-        </span>
-      </label>
-    </div>
-    <br />
-    <div>
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio"
-          tabindex="0"
-        >
-          <input
-            class="t-radio__former"
-            data-value="'scroll'"
-            tabindex="-1"
-            type="radio"
-            value="scroll"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <span
-            class="t-radio__label"
-          >
-            选中项过多横向滚动
-          </span>
-        </label>
-        <label
-          class="t-radio t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio__former"
-            data-value="'break-line'"
-            tabindex="-1"
-            type="radio"
-            value="break-line"
-          />
-          <span
-            class="t-radio__input"
-          />
-          <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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\single.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-select-input"
-      style="width: 300px;"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="tdesign-vue"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="Please Select"
-            type="text"
-            value="tdesign-vue"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-chevron-down"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-down"
-              >
-                <path
-                  d="M17.5 9.5L12 15L6.5 9.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-is-disabled t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    disabled=""
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-align-left t-is-success"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-align-left t-is-warning"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="TDesign"
-              >
-                <div
-                  class="t-input t-align-left t-is-error"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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-align-left t-input--suffix"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="Please Select"
-                    readonly=""
-                    type="text"
-                    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"
-                        height="1em"
-                        version="1.1"
-                        viewBox="0 0 12 12"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <foreignobject
-                          height="12"
-                          width="12"
-                          x="0"
-                          y="0"
-                        >
-                          <div
-                            class="t-loading__gradient-conic"
-                          />
-                        </foreignobject>
-                      </svg>
-                    </div>
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-input__tips t-input__tips--default"
-            >
-              处于加载状态的文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\select-input\\_example\\width.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo__select-input-width"
-  >
-    <div>
-      <span>
-        下拉框默认宽度：
-      </span>
-      <div
-        class="t-demo-normal t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="TDesign"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly=""
-              type="text"
-              value="TDesign"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <br />
-    <div>
-      <span>
-        下拉框最大宽度：
-      </span>
-      <div
-        class="t-demo-normal t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="TDesign"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly=""
-              type="text"
-              value="TDesign"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <br />
-    <div>
-      <span>
-        与内容宽度一致：
-      </span>
-      <div
-        class="t-demo-normal t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="TDesign"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly=""
-              type="text"
-              value="TDesign"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <br />
-    <div>
-      <span>
-        下拉框固定宽度：
-      </span>
-      <div
-        class="t-demo-normal t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="TDesign"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="Please Select"
-              readonly=""
-              type="text"
-              value="TDesign"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <br />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\advance.tsx 1`] = `
-<div>
-  <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
-              class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none"
-              style="width: calc(100% - 170px); height: 30px; margin: 20px 0px;"
-            />
-            <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
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-            />
-          </div>
-          <div
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="width: 70%; margin: 0px 0px 16px 0px;"
-            />
-          </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 0px; 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
-              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
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                />
-              </div>
-              <div
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                  style="width: 70%;"
-                />
-              </div>
-            </div>
-          </li>
-          <li
-            style="padding: 16px 0px; 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
-              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
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                />
-              </div>
-              <div
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                  style="width: 70%;"
-                />
-              </div>
-            </div>
-          </li>
-          <li
-            style="padding: 16px 0px; 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
-              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
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                />
-              </div>
-              <div
-                class="t-skeleton__row"
-              >
-                <div
-                  class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-                  style="width: 70%;"
-                />
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\animation.tsx 1`] = `
-<div>
-  <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
-      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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\base.tsx 1`] = `
-<div>
-  <div>
-    <div>
-      <button
-        class="t-switch t-is-checked t-size-m"
-        role="switch"
-        style="margin-bottom: 20px;"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\delay.tsx 1`] = `
-<div>
-  <div>
-    <div>
-      <button
-        class="t-switch t-is-checked t-size-m"
-        role="switch"
-        style="margin-bottom: 20px;"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </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[`csr snapshot test > csr test packages\\components\\skeleton\\_example\\theme.tsx 1`] = `
-<div>
-  <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
-      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
-      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
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-            />
-          </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
-      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
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 32px;"
-            />
-          </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
-            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
-      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
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-rect t-skeleton--animation-none"
-              style="width: 100%; height: 200px;"
-            />
-          </div>
-          <div
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-          </div>
-          <div
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-          </div>
-          <div
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-          </div>
-          <div
-            class="t-skeleton__row"
-          >
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-            <div
-              class="t-skeleton__col t-skeleton--type-text t-skeleton--animation-none"
-              style="height: 30px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-    style="margin-bottom: 50px;"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 10%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 10%; width: 70%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 80%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider t-is-disabled"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 10%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\input-number.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-    style="margin-bottom: 50px;"
-  >
-    <div
-      class="t-slider t-slider--with-input"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 10%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-    <div
-      class="t-slider__input-container"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--row t-slider-input"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="10"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="10"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider t-slider--with-input"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 10%; width: 70%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 80%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-    <div
-      class="t-slider__input-container"
-    >
-      <div
-        class="t-input-number t-size-m t-input-number--row t-slider-input"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="10"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="10"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-      <div
-        class="t-slider__center-line"
-      />
-      <div
-        class="t-input-number t-size-m t-input-number--row t-slider-input"
-      >
-        <button
-          class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-remove t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="remove"
-            >
-              <path
-                d="M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="80"
-        >
-          <div
-            class="t-input t-align-center"
-          >
-            <input
-              autocomplete="off"
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="80"
-            />
-          </div>
-        </div>
-        <button
-          class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-          type="button"
-        >
-          <svg
-            class="t-icon t-icon-add t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\input-number-vertical.tsx 1`] = `
-<div>
-  <div
-    style="display: flex; justify-content: center;"
-  >
-    <div
-      style="height: 300px; margin-right: 100px;"
-    >
-      <div
-        class="t-slider__container is-vertical"
-        style="margin-bottom: 50px;"
-      >
-        <div
-          class="t-slider t-slider--vertical t-slider--with-input"
-        >
-          <div
-            class="t-slider__rail"
-          >
-            <div
-              class="t-slider__track"
-              style="bottom: 0%; height: 10%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            />
-            <div
-              class="t-slider__mark"
-            />
-          </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
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="10"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="10"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-              class="t-slider__track"
-              style="bottom: 10%; height: 70%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 80%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            />
-            <div
-              class="t-slider__mark"
-            />
-          </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
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="10"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="10"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-          <div
-            class="t-slider__center-line"
-          />
-          <div
-            class="t-input-number t-size-m t-input-number--row t-slider-input is-vertical"
-          >
-            <button
-              class="t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-remove t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="remove"
-                >
-                  <path
-                    d="M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-            <div
-              class="t-input__wrap"
-              spellcheck="false"
-              value="80"
-            >
-              <div
-                class="t-input t-align-center"
-              >
-                <input
-                  autocomplete="off"
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value="80"
-                />
-              </div>
-            </div>
-            <button
-              class="t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-add t-size-m"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="add"
-                >
-                  <path
-                    d="M12 5L12 19M19 12L5 12"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\marks.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-    style="margin-bottom: 50px;"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 10%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        >
-          <div
-            class="t-slider__stop"
-            style="left: 12%;"
-          />
-          <div
-            class="t-slider__stop"
-            style="left: 37%;"
-          />
-          <div
-            class="t-slider__stop"
-            style="left: 60%;"
-          />
-        </div>
-        <div
-          class="t-slider__mark"
-        >
-          <div
-            class="t-slider__mark-text"
-            style="left: 0%;"
-          >
-            0°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 12%;"
-          >
-            12°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 37%;"
-          >
-            37°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 60%;"
-          >
-            <button
-              style="color: rgb(25, 137, 250);"
-            >
-              60°C
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 10%; width: 70%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 80%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        >
-          <div
-            class="t-slider__stop"
-            style="left: 8%;"
-          />
-          <div
-            class="t-slider__stop"
-            style="left: 37%;"
-          />
-          <div
-            class="t-slider__stop"
-            style="left: 50%;"
-          />
-          <div
-            class="t-slider__stop"
-            style="left: 70%;"
-          />
-        </div>
-        <div
-          class="t-slider__mark"
-        >
-          <div
-            class="t-slider__mark-text"
-            style="left: 0%;"
-          >
-            0°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 8%;"
-          >
-            8°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 37%;"
-          >
-            37°C
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 50%;"
-          >
-            <strong
-              style="color: rgb(25, 137, 250);"
-            >
-              50°C
-            </strong>
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 70%;"
-          >
-            70°C
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\min-and-max.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-    style="margin-bottom: 50px;"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 0%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 0%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        >
-          <div
-            class="t-slider__mark-text"
-            style="left: 0%;"
-          >
-            min:10
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 100%;"
-          >
-            max:30
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 50%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 0%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 50%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        >
-          <div
-            class="t-slider__mark-text"
-            style="left: 0%;"
-          >
-            min:10
-          </div>
-          <div
-            class="t-slider__mark-text"
-            style="left: 100%;"
-          >
-            max:30
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\step.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-    style="margin-bottom: 50px;"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 10%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 10%; width: 70%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 10%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 80%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\vertical.tsx 1`] = `
-<div>
-  <div
-    style="display: flex; justify-content: center;"
-  >
-    <div
-      style="height: 300px; margin-right: 100px;"
-    >
-      <div
-        class="t-slider__container is-vertical"
-        style="margin-bottom: 50px;"
-      >
-        <div
-          class="t-slider t-slider--vertical"
-        >
-          <div
-            class="t-slider__rail"
-          >
-            <div
-              class="t-slider__track"
-              style="bottom: 0%; height: 10%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            />
-            <div
-              class="t-slider__mark"
-            />
-          </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
-              class="t-slider__track"
-              style="bottom: 10%; height: 70%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 80%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            />
-            <div
-              class="t-slider__mark"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\slider\\_example\\vertical-marks.tsx 1`] = `
-<div>
-  <div
-    style="display: flex; justify-content: center;"
-  >
-    <div
-      style="height: 400px; margin-right: 100px;"
-    >
-      <div
-        class="t-slider__container is-vertical"
-        style="margin-bottom: 50px;"
-      >
-        <div
-          class="t-slider t-slider--vertical"
-        >
-          <div
-            class="t-slider__rail"
-          >
-            <div
-              class="t-slider__track"
-              style="bottom: 0%; height: 10%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            >
-              <div
-                class="t-slider__stop"
-                style="top: 88%;"
-              />
-              <div
-                class="t-slider__stop"
-                style="top: 63%;"
-              />
-              <div
-                class="t-slider__stop"
-                style="top: 40%;"
-              />
-            </div>
-            <div
-              class="t-slider__mark"
-            >
-              <div
-                class="t-slider__mark-text"
-                style="top: 100%;"
-              >
-                0°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 88%;"
-              >
-                12°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 63%;"
-              >
-                37°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 40%;"
-              >
-                <button
-                  style="color: rgb(25, 137, 250);"
-                >
-                  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
-              class="t-slider__track"
-              style="bottom: 10%; height: 70%;"
-            />
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 10%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__button-wrapper"
-              style="bottom: 80%;"
-            >
-              <div
-                class="t-slider__button"
-              />
-            </div>
-            <div
-              class="t-slider__stops"
-            >
-              <div
-                class="t-slider__stop"
-                style="top: 92%;"
-              />
-              <div
-                class="t-slider__stop"
-                style="top: 63%;"
-              />
-              <div
-                class="t-slider__stop"
-                style="top: 50%;"
-              />
-              <div
-                class="t-slider__stop"
-                style="top: 30.000000000000004%;"
-              />
-            </div>
-            <div
-              class="t-slider__mark"
-            >
-              <div
-                class="t-slider__mark-text"
-                style="top: 100%;"
-              >
-                0°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 92%;"
-              >
-                8°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 63%;"
-              >
-                37°C
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 50%;"
-              >
-                <strong
-                  style="color: rgb(25, 137, 250);"
-                >
-                  50°C
-                </strong>
-              </div>
-              <div
-                class="t-slider__mark-text"
-                style="top: 30.000000000000004%;"
-              >
-                70°C
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\align.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-start t-space-horizontal"
-        style="padding: 12px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            start
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Button
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="height: 60px; width: 60px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="padding: 12px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            center
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Button
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="height: 60px; width: 60px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-end t-space-horizontal"
-        style="padding: 12px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            end
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Button
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="height: 60px; width: 60px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-baseline t-space-horizontal"
-        style="padding: 12px; gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            baseline
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Button
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            style="height: 60px; width: 60px;"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\break-line.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\separator.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-align-center t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-text"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Text
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item-separator"
-    >
-      <div
-        class="t-divider t-divider--vertical"
-      />
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-text"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Text
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item-separator"
-    >
-      <div
-        class="t-divider t-divider--vertical"
-      />
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-text"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Text
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-slider__container"
-  >
-    <div
-      class="t-slider"
-    >
-      <div
-        class="t-slider__rail"
-      >
-        <div
-          class="t-slider__track"
-          style="left: 0%; width: 8%;"
-        />
-        <div
-          class="t-slider__button-wrapper"
-          style="left: 8%;"
-        >
-          <div
-            class="t-slider__button"
-          />
-        </div>
-        <div
-          class="t-slider__stops"
-        />
-        <div
-          class="t-slider__mark"
-        />
-      </div>
-    </div>
-  </div>
-  <br />
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 8px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          Button
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\space\\_example\\vertical.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-card t-card--bordered t-card--shadow-hover"
-      >
-        <div
-          class="t-card__header"
-        />
-        <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
-          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
-          class="t-card__body"
-        >
-          仅有内容区域的卡片形式。卡片内容区域可以是文字、图片、表单、表格等形式信息内容。可使用大中小不同的卡片尺寸，按业务需求进行呈现。
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\animation.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Start
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              Update value
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 100px;"
-  >
-    <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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            class="t-statistic-content-value"
-          >
-            82.76
-          </span>
-          <span
-            class="t-statistic-content-unit"
-          >
-            USD
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\color.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-          <span
-            class="t-statistic-content-value"
-          >
-            82.76
-          </span>
-          <span
-            class="t-statistic-content-unit"
-          >
-            %
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\combination.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal t-space--break-line"
-    style="gap: 100px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <i
-            class="t-icon t-icon-chart"
-            style="font-size: 32px; border-radius: var(--td-radius-medium); padding: 12px;"
-          />
-        </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
-                  class="t-icon t-icon-arrow-triangle-up-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-                  class="t-icon t-icon-arrow-triangle-down-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
-                    fill="currentColor"
-                  />
-                </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
-            class="t-icon t-icon-internet"
-            style="font-size: 32px; border-radius: 50%; padding: 12px;"
-          />
-        </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
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <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
-              class="t-space-item"
-            >
-              <div
-                class="t-statistic"
-              >
-                <div
-                  class="t-statistic-title"
-                >
-                  Total number of voice DAUs
-                </div>
-                <div
-                  class="t-statistic-content"
-                >
-                  <span
-                    class="t-statistic-content-value"
-                  >
-                    188
-                  </span>
-                </div>
-                <div
-                  class="t-statistic-extra"
-                >
-                  <div
-                    class="t-space t-space-vertical"
-                    style="gap: 0px;"
-                  >
-                    <div
-                      class="t-space-item"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-horizontal"
-                        style="gap: 7px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <div
-                            style="width: 120px;"
-                          >
-                            the day before
-                          </div>
-                        </div>
-                        <div
-                          class="t-space-item"
-                        >
-                          <i
-                            class="t-icon t-icon-arrow-up"
-                            style="color: rgb(213, 73, 65);"
-                          />
-                        </div>
-                        <div
-                          class="t-space-item"
-                        >
-                          9%
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-space-item"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-horizontal"
-                        style="gap: 7px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <div
-                            style="width: 120px;"
-                          >
-                            last week
-                          </div>
-                        </div>
-                        <div
-                          class="t-space-item"
-                        >
-                          <i
-                            class="t-icon t-icon-arrow-down"
-                            style="color: rgb(43, 164, 113);"
-                          />
-                        </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
-              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
-                      class="t-icon t-icon-arrow-triangle-down-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
-                        fill="currentColor"
-                      />
-                    </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\loading.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </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[`csr snapshot test > csr test packages\\components\\statistic\\_example\\slot.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 32px;"
-  >
-    <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
-              class="t-icon t-icon-control-platform"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="control-platform"
-              >
-                <path
-                  d="M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-              class="t-icon t-icon-arrow-triangle-down-filled"
-              fill="none"
-              height="1em"
-              style="fill: none; color: rgb(238, 77, 56);"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\statistic\\_example\\trend.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 100px;"
-  >
-    <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
-              class="t-icon t-icon-arrow-triangle-up-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-down-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
-                fill="currentColor"
-              />
-            </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
-              class="t-icon t-icon-arrow-triangle-down-filled"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"
-                fill="currentColor"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\extra.tsx 1`] = `
-<div>
-  <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
-              class="t-icon t-icon-check"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="check"
-              >
-                <path
-                  d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-              class="t-button t-button--theme-default t-button--variant-text t-size-s"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                pre
-              </span>
-            </button>
-            <div
-              style="display: inline; margin-left: 4px;"
-            >
-              <button
-                class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-                type="button"
-              >
-                <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\icon.tsx 1`] = `
-<div>
-  <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"
-        >
-          <svg
-            class="t-icon t-icon-login"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="login"
-            >
-              <path
-                d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M15 3.5H20V20.5H15"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </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"
-        >
-          <svg
-            class="t-icon t-icon-cart"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="cart"
-            >
-              <path
-                d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </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"
-        >
-          <svg
-            class="t-icon t-icon-wallet"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="wallet"
-            >
-              <path
-                d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </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"
-        >
-          <svg
-            class="t-icon t-icon-check-circle"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="check-circle"
-            >
-              <path
-                d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M16.5 9L10.5 15L7.5 12"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </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[`csr snapshot test > csr test packages\\components\\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"
-  >
-    <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
-          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
-          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
-          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
-          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[`csr snapshot test > csr test packages\\components\\steps\\_example\\sequence.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-check"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="check"
-                  >
-                    <path
-                      d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\steps\\_example\\vertical-no-sequence.tsx 1`] = `
-<div>
-  <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
-            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
-            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
-            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
-            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
-            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
-            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
-            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
-            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[`csr snapshot test > csr test packages\\components\\steps\\_example\\vertical-sequence.tsx 1`] = `
-<div>
-  <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
-                class="t-icon t-icon-check"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="check"
-                >
-                  <path
-                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-check"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="check"
-                >
-                  <path
-                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-check"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="check"
-                >
-                  <path
-                    d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-sticky-tool t-sticky-tool--square"
-        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
-      >
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-chat"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chat"
-            >
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            chat
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-add"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            add
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-qrcode"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="qrcode"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <g
-                id="stroke2"
-              >
-                <path
-                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            qrcode
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\compact.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-sticky-tool t-sticky-tool--square"
-        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
-      >
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
-        >
-          <svg
-            class="t-icon t-icon-chat"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chat"
-            >
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
-        >
-          <svg
-            class="t-icon t-icon-add"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--compact"
-        >
-          <svg
-            class="t-icon t-icon-qrcode"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="qrcode"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <g
-                id="stroke2"
-              >
-                <path
-                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\sticky-tool\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-sticky-tool t-sticky-tool--square"
-        style="position: relative; overflow: hidden; right: -420px; bottom: 0px;"
-      >
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-chat"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chat"
-            >
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            chat
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-add"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            add
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--square t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-qrcode"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="qrcode"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <g
-                id="stroke2"
-              >
-                <path
-                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            qrcode
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-sticky-tool t-sticky-tool--round"
-        style="position: relative; overflow: hidden; right: -220px; bottom: 0px;"
-      >
-        <div
-          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-chat"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chat"
-            >
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            chat
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-add"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            add
-          </div>
-        </div>
-        <div
-          class="t-sticky-item t-sticky-item--round t-sticky-item--normal"
-        >
-          <svg
-            class="t-icon t-icon-qrcode"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="qrcode"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M3 14H10V21H3V14Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M3 3H10V10H3V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M14 3H21V10H14V3Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-              <g
-                id="stroke2"
-              >
-                <path
-                  d="M13.9961 13.9961H14V14H13.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M16.9961 16.9961H17V17H16.9961V16.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M18.9961 18.9961H19V19H18.9961V18.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 13.9961H21V14H20.9961V13.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20.9961 20.9961H21V21H20.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M13.9961 20.9961H14V21H13.9961V20.9961Z"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-          <div
-            class="t-sticky-item__label"
-          >
-            qrcode
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\base.tsx 1`] = `
-<div>
-  <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="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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-        <div
-          class="t-swiper__arrow t-swiper__arrow--default"
-        >
-          <div
-            class="t-swiper__arrow-left"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-swiper__arrow-right"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\card.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo-block--swiper"
-  >
-    <div
-      class="t-space t-space-vertical"
-      style="width: 800px; gap: 50px;"
-    >
-      <div
-        class="t-space-item"
-      >
-        <div
-          class="t-space t-space-vertical"
-          style="width: 100%; gap: 16px;"
-        >
-          <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-slider__container"
-            >
-              <div
-                class="t-slider"
-              >
-                <div
-                  class="t-slider__rail"
-                >
-                  <div
-                    class="t-slider__track"
-                    style="left: 0%; width: 63.25301204819277%;"
-                  />
-                  <div
-                    class="t-slider__button-wrapper"
-                    style="left: 63.25301204819277%;"
-                  >
-                    <div
-                      class="t-slider__button"
-                    />
-                  </div>
-                  <div
-                    class="t-slider__stops"
-                  >
-                    <div
-                      class="t-slider__stop"
-                      style="left: 63.25301204819277%;"
-                    />
-                  </div>
-                  <div
-                    class="t-slider__mark"
-                  >
-                    <div
-                      class="t-slider__mark-text"
-                      style="left: 63.25301204819277%;"
-                    >
-                      Default
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-space-item"
-      >
-        <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"
-                  data-index="0"
-                  style="transform: translateX(0.00px) scale(1); transition: transform 0.3s ease; z-index: 2;"
-                >
-                  <div
-                    class="demo-item"
-                  >
-                    1
-                  </div>
-                </div>
-                <div
-                  class="t-swiper__container__item t-swiper__card"
-                  data-index="1"
-                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 1;"
-                >
-                  <div
-                    class="demo-item"
-                  >
-                    2
-                  </div>
-                </div>
-                <div
-                  class="t-swiper__container__item t-swiper__card"
-                  data-index="2"
-                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
-                >
-                  <div
-                    class="demo-item"
-                  >
-                    3
-                  </div>
-                </div>
-                <div
-                  class="t-swiper__container__item t-swiper__card"
-                  data-index="3"
-                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
-                >
-                  <div
-                    class="demo-item"
-                  >
-                    4
-                  </div>
-                </div>
-                <div
-                  class="t-swiper__container__item t-swiper__card"
-                  data-index="4"
-                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 0;"
-                >
-                  <div
-                    class="demo-item"
-                  >
-                    5
-                  </div>
-                </div>
-                <div
-                  class="t-swiper__container__item t-swiper__card"
-                  data-index="5"
-                  style="transform: translateX(0.00px) scale(0.6325301204819277); transition: transform 0.3s ease; z-index: 1;"
-                >
-                  <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 />
-              </li>
-              <li
-                class="t-swiper__navigation-item"
-              >
-                <span />
-              </li>
-              <li
-                class="t-swiper__navigation-item"
-              >
-                <span />
-              </li>
-              <li
-                class="t-swiper__navigation-item"
-              >
-                <span />
-              </li>
-              <li
-                class="t-swiper__navigation-item"
-              >
-                <span />
-              </li>
-              <li
-                class="t-swiper__navigation-item"
-              >
-                <span />
-              </li>
-            </ul>
-            <div
-              class="t-swiper__arrow t-swiper__arrow--default"
-            >
-              <div
-                class="t-swiper__arrow-left"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-swiper__arrow-right"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\current.tsx 1`] = `
-<div>
-  <div
-    class="t-space tdesign-demo-block--swiper t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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="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 />
-            </li>
-            <li
-              class="t-swiper__navigation-item"
-            >
-              <span />
-            </li>
-            <li
-              class="t-swiper__navigation-item"
-            >
-              <span />
-            </li>
-            <li
-              class="t-swiper__navigation-item"
-            >
-              <span />
-            </li>
-            <li
-              class="t-swiper__navigation-item"
-            >
-              <span />
-            </li>
-            <li
-              class="t-swiper__navigation-item"
-            >
-              <span />
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base t-size-s"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          跳转到第 
-          2
-           项
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\fade.tsx 1`] = `
-<div>
-  <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"
-              data-index="-1"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                6
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-is-active t-swiper__fade"
-              data-index="0"
-              style="opacity: 1;"
-            >
-              <div
-                class="demo-item"
-              >
-                1
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="1"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                2
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="2"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                3
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="3"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                4
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="4"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                5
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="5"
-              style="opacity: 0;"
-            >
-              <div
-                class="demo-item"
-              >
-                6
-              </div>
-            </div>
-            <div
-              class="t-swiper__container__item t-swiper__fade"
-              data-index="6"
-              style="opacity: 0;"
-            >
-              <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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-        <div
-          class="t-swiper__arrow t-swiper__arrow--default"
-        >
-          <div
-            class="t-swiper__arrow-left"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-swiper__arrow-right"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\fraction.tsx 1`] = `
-<div>
-  <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="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
-                class="t-icon t-icon-chevron-left"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-left"
-                >
-                  <path
-                    d="M14.5 17.5L9 12L14.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-swiper__navigation-text-fraction"
-            >
-              1
-              /
-              6
-            </div>
-            <div
-              class="t-swiper__arrow-right"
-            >
-              <svg
-                class="t-icon t-icon-chevron-right"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-right"
-                >
-                  <path
-                    d="M9.5 17.5L15 12L9.5 6.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\placement.tsx 1`] = `
-<div>
-  <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="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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-        <div
-          class="t-swiper__arrow t-swiper__arrow--default"
-        >
-          <div
-            class="t-swiper__arrow-left"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-swiper__arrow-right"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\size.tsx 1`] = `
-<div>
-  <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="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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-        <div
-          class="t-swiper__arrow t-swiper__arrow--default"
-        >
-          <div
-            class="t-swiper__arrow-left"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-swiper__arrow-right"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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="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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-        <div
-          class="t-swiper__arrow t-swiper__arrow--default"
-        >
-          <div
-            class="t-swiper__arrow-left"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-swiper__arrow-right"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\swiper\\_example\\vertical.tsx 1`] = `
-<div>
-  <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; 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 />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-          <li
-            class="t-swiper__navigation-item"
-          >
-            <span />
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\beforeChange.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\describe.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        >
-          ON
-        </div>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        >
-          <svg
-            class="t-icon t-icon-check"
-          >
-            <use
-              xlink:href="#t-icon-check"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-size-m"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-size-s"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\switch\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-size-l"
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-checked t-is-loading t-size-l"
-        disabled=""
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        >
-          <div
-            class="t-loading t-loading--center t-size-s"
-          >
-            <svg
-              class="t-loading__gradient t-icon-loading"
-              height="1em"
-              version="1.1"
-              viewBox="0 0 12 12"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <foreignobject
-                height="12"
-                width="12"
-                x="0"
-                y="0"
-              >
-                <div
-                  class="t-loading__gradient-conic"
-                />
-              </foreignobject>
-            </svg>
-          </div>
-        </span>
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-switch t-is-disabled t-size-l"
-        disabled=""
-        role="switch"
-        type="button"
-      >
-        <span
-          class="t-switch__handle"
-        />
-        <div
-          class="t-switch__content"
-        />
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\affix.tsx 1`] = `
-<div>
-  <div
-    class="t-space tdesign-demo__table-affix t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <label
-          class="t-checkbox t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            表头吸顶
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-checked"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            表尾吸底
-          </span>
-        </label>
-        <label
-          class="t-checkbox"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            滚动条吸底
-          </span>
-        </label>
-        <label
-          class="t-checkbox"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            分页器吸底
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-checked"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            固定左侧列
-          </span>
-        </label>
-        <label
-          class="t-checkbox t-is-checked"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <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-fixed t-table--column-resizable"
-        style="position: relative;"
-      >
-        <div>
-          <div>
-            <div
-              class="t-table__affixed-header-elm-wrap"
-              style="width: -1px; height: 0px; opacity: 1;"
-            >
-              <div
-                class="scrollbar t-table__affixed-header-elm"
-                style="width: -2px; opacity: 1;"
-              >
-                <table
-                  class="t-table--layout-fixed"
-                >
-                  <colgroup>
-                    <col
-                      style="width: 120px;"
-                    />
-                    <col
-                      style="width: 150px;"
-                    />
-                    <col
-                      style="width: 120px;"
-                    />
-                    <col
-                      style="min-width: 80px;"
-                    />
-                    <col
-                      style="min-width: 80px;"
-                    />
-                    <col
-                      style="min-width: 80px;"
-                    />
-                    <col
-                      style="width: 120px;"
-                    />
-                  </colgroup>
-                  <thead
-                    class="t-table__header"
-                  >
-                    <tr>
-                      <th
-                        class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
-                        data-colkey="applicant"
-                        style="left: 0px;"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          申请人
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__th-status t-table__th--drag-sort"
-                        data-colkey="status"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          申请状态
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__th-channel t-table__th--drag-sort"
-                        data-colkey="channel"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          签署方式
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__th-detail.email t-table__th--drag-sort"
-                        data-colkey="detail.email"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          <div
-                            class="t-table__ellipsis t-text-ellipsis"
-                          >
-                            邮箱地址
-                          </div>
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__th-matters t-table__th--drag-sort"
-                        data-colkey="matters"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          <div
-                            class="t-table__ellipsis t-text-ellipsis"
-                          >
-                            申请事项
-                          </div>
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__th-createTime t-table__th--drag-sort"
-                        data-colkey="createTime"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          申请时间
-                        </div>
-                      </th>
-                      <th
-                        class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation t-table__th--drag-sort"
-                        data-colkey="operation"
-                        style="right: 0px;"
-                      >
-                        <div
-                          class="t-table__th-cell-inner"
-                        >
-                          操作
-                        </div>
-                      </th>
-                    </tr>
-                  </thead>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-table__content"
-        >
-          <table
-            class="t-table--layout-fixed"
-          >
-            <colgroup>
-              <col
-                style="width: 120px;"
-              />
-              <col
-                style="width: 150px;"
-              />
-              <col
-                style="width: 120px;"
-              />
-              <col
-                style="min-width: 80px;"
-              />
-              <col
-                style="min-width: 80px;"
-              />
-              <col
-                style="min-width: 80px;"
-              />
-              <col
-                style="width: 120px;"
-              />
-            </colgroup>
-            <thead
-              class="t-table__header"
-            >
-              <tr>
-                <th
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
-                  data-colkey="applicant"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status t-table__th--drag-sort"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel t-table__th--drag-sort"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email t-table__th--drag-sort"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters t-table__th--drag-sort"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      申请事项
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime t-table__th--drag-sort"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-                <th
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation t-table__th--drag-sort"
-                  data-colkey="operation"
-                  style="right: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    操作
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr
-                class="t-tdesign__custom-body-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </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>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr
-                class="t-tdesign__custom-body-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </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>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr
-                class="t-tdesign__custom-body-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </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>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr
-                class="t-tdesign__custom-body-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </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>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr
-                class="t-tdesign__custom-body-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </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>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-            </tbody>
-            <tfoot
-              class="t-table__footer"
-              style="visibility: visible;"
-            >
-              <tr
-                class="t-tdesign__custom-footer-tr"
-              >
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <b
-                    style="font-weight: bold;"
-                  >
-                    表尾信息
-                  </b>
-                </td>
-                <td />
-                <td>
-                  footer-row-1
-                </td>
-                <td />
-                <td />
-                <td>
-                  -
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  -
-                </td>
-              </tr>
-            </tfoot>
-          </table>
-        </div>
-        <div
-          class="t-table__affixed-footer-wrap"
-          style="margin-top: -1px;"
-        >
-          <div>
-            <div
-              class="scrollbar t-table__affixed-footer-elm"
-              style="width: -2px; opacity: 1;"
-            >
-              <table
-                class="t-table--layout-fixed"
-              >
-                <colgroup>
-                  <col
-                    style="width: 120px;"
-                  />
-                  <col
-                    style="width: 150px;"
-                  />
-                  <col
-                    style="width: 120px;"
-                  />
-                  <col
-                    style="min-width: 80px;"
-                  />
-                  <col
-                    style="min-width: 80px;"
-                  />
-                  <col
-                    style="min-width: 80px;"
-                  />
-                  <col
-                    style="width: 120px;"
-                  />
-                </colgroup>
-                <tfoot
-                  class="t-table__footer"
-                  style="visibility: visible;"
-                >
-                  <tr
-                    class="t-tdesign__custom-footer-tr"
-                  >
-                    <td
-                      class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                      style="left: 0px;"
-                    >
-                      <b
-                        style="font-weight: bold;"
-                      >
-                        表尾信息
-                      </b>
-                    </td>
-                    <td />
-                    <td>
-                      footer-row-1
-                    </td>
-                    <td />
-                    <td />
-                    <td>
-                      -
-                    </td>
-                    <td
-                      class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                      style="right: 0px;"
-                    >
-                      -
-                    </td>
-                  </tr>
-                </tfoot>
-              </table>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-table__pagination-wrap"
-          style="opacity: 1;"
-        >
-          <div
-            class="t-table__pagination"
-          >
-            <div
-              class="t-pagination"
-            >
-              <div
-                class="t-pagination__total"
-              >
-                共 38 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-table__resize-line"
-          style="display: none; left: 10px; height: 10px; bottom: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\async-loading.tsx 1`] = `
-<div>
-  <div>
-    <div
-      class="t-radio-group t-size-m t-radio-group__outline"
-    >
-      <label
-        class="t-radio-button"
-        tabindex="0"
-      >
-        <input
-          class="t-radio-button__former"
-          data-value="'load-more'"
-          tabindex="-1"
-          type="radio"
-          value="load-more"
-        />
-        <span
-          class="t-radio-button__input"
-        />
-        <span
-          class="t-radio-button__label"
-        >
-          加载更多
-        </span>
-      </label>
-      <label
-        class="t-radio-button t-is-checked"
-        tabindex="0"
-      >
-        <input
-          checked=""
-          class="t-radio-button__former"
-          data-value="'loading'"
-          tabindex="-1"
-          type="radio"
-          value="loading"
-        />
-        <span
-          class="t-radio-button__input"
-        />
-        <span
-          class="t-radio-button__label"
-        >
-          加载中
-        </span>
-      </label>
-      <label
-        class="t-radio-button"
-        tabindex="0"
-      >
-        <input
-          class="t-radio-button__former"
-          data-value="'loading-custom'"
-          tabindex="-1"
-          type="radio"
-          value="loading-custom"
-        />
-        <span
-          class="t-radio-button__input"
-        />
-        <span
-          class="t-radio-button__label"
-        >
-          自定义加载更多
-        </span>
-      </label>
-      <label
-        class="t-radio-button"
-        tabindex="0"
-      >
-        <input
-          class="t-radio-button__former"
-          data-value="''"
-          tabindex="-1"
-          type="radio"
-          value=""
-        />
-        <span
-          class="t-radio-button__input"
-        />
-        <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
-                class="t-table__th-applicant"
-                data-colkey="applicant"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请人
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-channel"
-                data-colkey="channel"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  签署方式
-                </div>
-              </th>
-              <th
-                class="t-table__th-detail.email"
-                data-colkey="detail.email"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    邮箱地址
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-createTime"
-                data-colkey="createTime"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请时间
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          >
-            <tr>
-              <td>
-                贾明
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批通过"
-                  >
-                    审批通过
-                  </span>
-                </div>
-              </td>
-              <td>
-                电子签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  w.cezkdudy@lhll.au
-                </div>
-              </td>
-              <td>
-                2022-01-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                张三
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  r.nmgw@peurezgn.sl
-                </div>
-              </td>
-              <td>
-                2022-02-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                王芳
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-error-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批过期"
-                  >
-                    审批过期
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  p.cumx@rampblpa.ru
-                </div>
-              </td>
-              <td>
-                2022-03-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                贾明
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批通过"
-                  >
-                    审批通过
-                  </span>
-                </div>
-              </td>
-              <td>
-                电子签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  w.cezkdudy@lhll.au
-                </div>
-              </td>
-              <td>
-                2022-04-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                张三
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  r.nmgw@peurezgn.sl
-                </div>
-              </td>
-              <td>
-                2022-01-01
-              </td>
-            </tr>
-            <tr
-              class="t-table__row--full t-table__last-full-row"
-            >
-              <td
-                colspan="5"
-              >
-                <div>
-                  <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"
-                          height="1em"
-                          version="1.1"
-                          viewBox="0 0 12 12"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <foreignobject
-                            height="12"
-                            width="12"
-                            x="0"
-                            y="0"
-                          >
-                            <div
-                              class="t-loading__gradient-conic"
-                            />
-                          </foreignobject>
-                        </svg>
-                        <div
-                          class="t-loading__text"
-                        >
-                          正在加载中，请稍后
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'small'"
-            tabindex="-1"
-            type="radio"
-            value="small"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            小尺寸
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'medium'"
-            tabindex="-1"
-            type="radio"
-            value="medium"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            中尺寸
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'large'"
-            tabindex="-1"
-            type="radio"
-            value="large"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            大尺寸
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="false"
-              tabindex="-1"
-              type="checkbox"
-              value="0"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示斑马纹
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="false"
-              tabindex="-1"
-              type="checkbox"
-              value="0"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示表格边框
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="false"
-              tabindex="-1"
-              type="checkbox"
-              value="0"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示悬浮效果
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="false"
-              tabindex="-1"
-              type="checkbox"
-              value="0"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              宽度自适应
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="true"
-              tabindex="-1"
-              type="checkbox"
-              value="1"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr
-                class="0-class"
-              >
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr
-                class="1-class"
-              >
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr
-                class="2-class"
-              >
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr
-                class="3-class"
-              >
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr
-                class="4-class"
-              >
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-02-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"
-              >
-                共 28 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-pagination__jump"
-              >
-                跳至
-                <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"
-                      spellcheck="false"
-                      value="2"
-                    >
-                      <div
-                        class="t-input t-align-left"
-                      >
-                        <input
-                          autocomplete="off"
-                          class="t-input__inner"
-                          placeholder=""
-                          type="text"
-                          value="2"
-                        />
-                      </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: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-cell.tsx 1`] = `
-<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: 120px;"
-          />
-          <col
-            style="min-width: 80px;"
-          />
-          <col
-            style="min-width: 80px;"
-          />
-          <col
-            style="min-width: 80px;"
-          />
-        </colgroup>
-        <thead
-          class="t-table__header"
-        >
-          <tr>
-            <th
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <span
-                  style="display: flex; align-items: center;"
-                >
-                  <svg
-                    class="t-icon t-icon-user"
-                    fill="none"
-                    height="1em"
-                    style="fill: none; margin-right: 5px;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="user"
-                    >
-                      <g
-                        id="fill1"
-                      >
-                        <path
-                          d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                          fill="transparent"
-                        />
-                        <path
-                          d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                          fill="transparent"
-                        />
-                      </g>
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                  申请人
-                </span>
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                审批状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-matters"
-              data-colkey="matters"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请事项
-              </div>
-            </th>
-            <th
-              class="t-table__th-email"
-              data-colkey="email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                邮箱地址
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              <div>
-                宣传物料制作费用
-              </div>
-            </td>
-            <td>
-              <div>
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              <div>
-                algolia 服务报销
-              </div>
-            </td>
-            <td>
-              <div>
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              <div>
-                相关周边制作费
-              </div>
-            </td>
-            <td>
-              <div>
-                p.cumx@rampblpa.ru
-              </div>
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              <div>
-                激励奖品快递费
-              </div>
-            </td>
-            <td>
-              <div>
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              <div>
-                宣传物料制作费用
-              </div>
-            </td>
-            <td>
-              <div>
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-col.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="max-width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  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"
-              >
-                共 100 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-icon t-icon-ellipsis"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="ellipsis"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M4 11.5H5V12.5H4V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M19 11.5H20V12.5H19V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                </li>
-                <li
-                  class="t-pagination__number"
-                >
-                  20
-                </li>
-              </ul>
-              <div
-                class="t-pagination__btn t-pagination__btn-next"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-table__resize-line"
-          style="display: none; left: 10px; height: 10px; bottom: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-col-button.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'top-left'"
-            tabindex="-1"
-            type="radio"
-            value="top-left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左上角
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'top-right'"
-            tabindex="-1"
-            type="radio"
-            value="top-right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右上角
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bottom-left'"
-            tabindex="-1"
-            type="radio"
-            value="bottom-left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左下角
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bottom-right'"
-            tabindex="-1"
-            type="radio"
-            value="bottom-right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右下角
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              是否显示边框
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-setting"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="setting"
-                >
-                  <path
-                    clip-rule="evenodd"
-                    d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
-                    fill="transparent"
-                    fill-rule="evenodd"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span
-                class="t-button__text"
-              >
-                列配置
-              </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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  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"
-              >
-                共 100 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-icon t-icon-ellipsis"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="ellipsis"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M4 11.5H5V12.5H4V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M19 11.5H20V12.5H19V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                </li>
-                <li
-                  class="t-pagination__number"
-                >
-                  20
-                </li>
-              </ul>
-              <div
-                class="t-pagination__btn t-pagination__btn-next"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-footer.tsx 1`] = `
-<div>
-  <div
-    class="tdesign-demo-block-column-large tdesign-demo__table"
-  >
-    <div>
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'normal'"
-            tabindex="-1"
-            type="radio"
-            value="normal"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            普通表尾
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'full'"
-            tabindex="-1"
-            type="radio"
-            value="full"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            通栏表尾
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'custom'"
-            tabindex="-1"
-            type="radio"
-            value="custom"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            自定义表尾合并列
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-                class="t-table__th-applicant"
-                data-colkey="applicant"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请人
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  审批状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-channel"
-                data-colkey="channel"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  签署方式
-                </div>
-              </th>
-              <th
-                class="t-table__th-detail.email"
-                data-colkey="detail.email"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    邮箱地址
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-createTime"
-                data-colkey="createTime"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请时间
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          >
-            <tr>
-              <td>
-                贾明
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批通过"
-                  >
-                    审批通过
-                  </span>
-                </div>
-              </td>
-              <td>
-                电子签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  w.cezkdudy@lhll.au
-                </div>
-              </td>
-              <td>
-                2022-01-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                张三
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  r.nmgw@peurezgn.sl
-                </div>
-              </td>
-              <td>
-                2022-02-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                王芳
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-error-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批过期"
-                  >
-                    审批过期
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </td>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  p.cumx@rampblpa.ru
-                </div>
-              </td>
-              <td>
-                2022-03-01
-              </td>
-            </tr>
-          </tbody>
-          <tfoot
-            class="t-table__footer"
-            style="visibility: visible;"
-          >
-            <tr>
-              <td>
-                <b
-                  style="font-weight: bold;"
-                >
-                  表尾信息
-                </b>
-              </td>
-              <td>
-                <div
-                  style="width: 100%;"
-                >
-                  表尾信息 
-                </div>
-              </td>
-              <td>
-                表尾信息
-              </td>
-              <td>
-                <div>
-                  表尾信息
-                </div>
-              </td>
-              <td>
-                <div
-                  style="text-align: left;"
-                >
-                  表尾信息
-                </div>
-              </td>
-            </tr>
-          </tfoot>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\custom-header.tsx 1`] = `
-<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="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
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-matters"
-              data-colkey="matters"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <b
-                  style="font-weight: bold;"
-                >
-                  申请事项
-                </b>
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                审批状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                邮箱地址
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td>
-              贾明
-            </td>
-            <td>
-              宣传物料制作费用
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              w.cezkdudy@lhll.au
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              张三
-            </td>
-            <td>
-              algolia 服务报销
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              r.nmgw@peurezgn.sl
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              王芳
-            </td>
-            <td>
-              相关周边制作费
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              p.cumx@rampblpa.ru
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              贾明
-            </td>
-            <td>
-              激励奖品快递费
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              w.cezkdudy@lhll.au
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              张三
-            </td>
-            <td>
-              宣传物料制作费用
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              r.nmgw@peurezgn.sl
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\data-sort.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        style="margin-bottom: 16px;"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          data-value="false"
-          tabindex="-1"
-          type="checkbox"
-          value="0"
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-time t-align-center"
-                  data-colkey="time"
-                >
-                  <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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-col-sort.tsx 1`] = `
-<div>
-  <div
-    class="t-table t-table--col-draggable t-table--column-fixed"
-    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
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant t-table__th--drag-sort"
-              data-colkey="applicant"
-              style="left: 0px;"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status t-table__th--drag-sort"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-channel t-table__th--drag-sort"
-              data-colkey="channel"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                签署方式
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email t-table__th--drag-sort"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  邮箱地址
-                </div>
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime t-table__th--drag-sort"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-              style="left: 0px;"
-            >
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-              style="left: 0px;"
-            >
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-              style="left: 0px;"
-            >
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                p.cumx@rampblpa.ru
-              </div>
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-              style="left: 0px;"
-            >
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-              style="left: 0px;"
-            >
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-sort.tsx 1`] = `
-<div>
-  <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
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-channel"
-              data-colkey="channel"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                签署方式
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  邮箱地址
-                </div>
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr
-            data-id="1"
-          >
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr
-            data-id="2"
-          >
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr
-            data-id="3"
-          >
-            <td>
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                p.cumx@rampblpa.ru
-              </div>
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr
-            data-id="4"
-          >
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr
-            data-id="5"
-          >
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\drag-sort-handler.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          data-value="false"
-          tabindex="-1"
-          type="checkbox"
-          value="0"
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <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
-                  class="t-table__th-drag"
-                  data-colkey="drag"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    排序
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr
-                data-id="1"
-              >
-                <td
-                  class="t-table__handle-draggable"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-move"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="move"
-                      >
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr
-                data-id="2"
-              >
-                <td
-                  class="t-table__handle-draggable"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-move"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="move"
-                      >
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr
-                data-id="3"
-              >
-                <td
-                  class="t-table__handle-draggable"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-move"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="move"
-                      >
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr
-                data-id="4"
-              >
-                <td
-                  class="t-table__handle-draggable"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-move"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="move"
-                      >
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr
-                data-id="5"
-              >
-                <td
-                  class="t-table__handle-draggable"
-                >
-                  <span>
-                    <svg
-                      class="t-icon t-icon-move"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="move"
-                      >
-                        <g
-                          id="stroke1"
-                        >
-                          <path
-                            d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div
-          class="t-portal-wrapper"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\editable-cell.tsx 1`] = `
-<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="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
-              class="t-table__th-firstName"
-              data-colkey="firstName"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-letters"
-              data-colkey="letters"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请事项
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                创建日期
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                贾明
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                审批通过
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell-wrap"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-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"
-                      spellcheck="false"
-                      value=""
-                    >
-                      <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
-                              class="t-icon t-icon-close t-tag__icon-close"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="close"
-                              >
-                                <path
-                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </div>
-                        </div>
-                        <input
-                          class="t-input__inner t-input--soft-hidden"
-                          placeholder=""
-                          readonly=""
-                          type="text"
-                          value=""
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                2022-01-01
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                张三
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                审批过期
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell-wrap"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-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"
-                      spellcheck="false"
-                      value=""
-                    >
-                      <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
-                              class="t-icon t-icon-close t-tag__icon-close"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="close"
-                              >
-                                <path
-                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </div>
-                        </div>
-                        <input
-                          class="t-input__inner t-input--soft-hidden"
-                          placeholder=""
-                          readonly=""
-                          type="text"
-                          value=""
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                2022-02-01
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              王芳
-            </td>
-            <td>
-              审批失败
-            </td>
-            <td>
-              宣传物料制作费用
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                贾明
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                审批通过
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell-wrap"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-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"
-                      spellcheck="false"
-                      value=""
-                    >
-                      <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
-                              class="t-icon t-icon-close t-tag__icon-close"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="close"
-                              >
-                                <path
-                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </div>
-                          <div
-                            class="t-tag t-tag--default t-tag--dark"
-                          >
-                            <span>
-                              +
-                              1
-                            </span>
-                          </div>
-                        </div>
-                        <input
-                          class="t-input__inner t-input--soft-hidden"
-                          placeholder=""
-                          readonly=""
-                          type="text"
-                          value=""
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                2022-04-01
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                张三
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                审批过期
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell-wrap"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-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"
-                      spellcheck="false"
-                      value=""
-                    >
-                      <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
-                              class="t-icon t-icon-close t-tag__icon-close"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="close"
-                              >
-                                <path
-                                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-linecap="square"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </div>
-                        </div>
-                        <input
-                          class="t-input__inner t-input--soft-hidden"
-                          placeholder=""
-                          readonly=""
-                          type="text"
-                          value=""
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        />
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </td>
-            <td>
-              <div
-                class="t-table__cell--editable"
-              >
-                2022-01-01
-                <svg
-                  class="t-icon t-icon-edit-1"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="edit-1"
-                  >
-                    <path
-                      d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"
-                      fill="transparent"
-                      id="fill2"
-                    />
-                    <path
-                      d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\editable-row.tsx 1`] = `
-<div>
-  <div
-    class="t-table-demo__editable-row"
-  >
-    <div>
-      <div
-        class="t-radio-group t-size-m t-radio-group__outline"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="true"
-            tabindex="-1"
-            type="radio"
-            value="1"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            全量校验
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="false"
-            tabindex="-1"
-            type="radio"
-            value="0"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <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
-                class="t-table__th-firstName"
-                data-colkey="firstName"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请人
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-letters"
-                data-colkey="letters"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请事项
-                </div>
-              </th>
-              <th
-                class="t-demo-col__datepicker t-table__th-createTime"
-                data-colkey="createTime"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  创建日期
-                </div>
-              </th>
-              <th
-                class="t-table__th-operate"
-                data-colkey="operate"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  操作栏
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          >
-            <tr>
-              <td>
-                <div
-                  class="t-table__cell-wrap"
-                >
-                  <div
-                    class="t-input__wrap t-input--auto-width"
-                    spellcheck="false"
-                    value="贾明"
-                  >
-                    <div
-                      class="t-input t-align-left"
-                    >
-                      <input
-                        class="t-input__inner"
-                        placeholder="请输入"
-                        type="text"
-                        value="贾明"
-                      />
-                      <span
-                        class="t-input__input-pre"
-                      >
-                        贾明
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell-wrap"
-                >
-                  <div
-                    class="t-select__wrap"
-                  >
-                    <div
-                      class="t-select t-select-input"
-                    >
-                      <div
-                        class="t-input__wrap t-input--auto-width"
-                        spellcheck="false"
-                        value="审批通过"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择"
-                            readonly=""
-                            type="text"
-                            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"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell-wrap"
-                >
-                  <div
-                    class="t-select__wrap"
-                  >
-                    <div
-                      class="t-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 t-input--auto-width"
-                        spellcheck="false"
-                        value=""
-                      >
-                        <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
-                                class="t-icon t-icon-close t-tag__icon-close"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="close"
-                                >
-                                  <path
-                                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                          <input
-                            class="t-input__inner t-input--soft-hidden"
-                            placeholder=""
-                            readonly=""
-                            type="text"
-                            value=""
-                          />
-                          <span
-                            class="t-input__input-pre"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-fake-arrow t-select__right-icon"
-                              fill="none"
-                              height="16"
-                              viewBox="0 0 16 16"
-                              width="16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                                stroke="black"
-                                stroke-opacity="0.9"
-                                stroke-width="1.3"
-                              />
-                            </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"
-                    >
-                      <div
-                        class="t-input__wrap"
-                        spellcheck="false"
-                        value="2022-01-01"
-                      >
-                        <div
-                          class="t-input t-align-left t-input--suffix"
-                        >
-                          <input
-                            class="t-input__inner"
-                            placeholder="请选择日期"
-                            readonly=""
-                            type="text"
-                            value="2022-01-01"
-                          />
-                          <span
-                            class="t-input__suffix t-input__suffix-icon"
-                          >
-                            <svg
-                              class="t-icon t-icon-calendar"
-                              fill="none"
-                              height="1em"
-                              style="fill: none;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="calendar"
-                              >
-                                <path
-                                  d="M21 10H3V21H21V10Z"
-                                  fill="transparent"
-                                  id="fill1"
-                                />
-                                <path
-                                  d="M21 10H3V5H21V10Z"
-                                  fill="transparent"
-                                  id="fill2"
-                                />
-                                <path
-                                  d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </td>
-              <td>
-                <div
-                  class="table-operations"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="1"
-                  >
-                    保存
-                  </a>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="1"
-                  >
-                    取消
-                  </a>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  张三
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  审批过期
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  相关周边制作费、激励奖品快递费
-                </div>
-              </td>
-              <td
-                class="t-demo-col__datepicker"
-              >
-                <div
-                  class="t-table__cell--editable"
-                >
-                  2022-02-01
-                </div>
-              </td>
-              <td>
-                <div
-                  class="table-operations"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="2"
-                  >
-                    编辑
-                  </a>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  王芳
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  审批失败
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  相关周边制作费
-                </div>
-              </td>
-              <td
-                class="t-demo-col__datepicker"
-              >
-                <div
-                  class="t-table__cell--editable"
-                >
-                  2022-03-01
-                </div>
-              </td>
-              <td>
-                <div
-                  class="table-operations"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="3"
-                  >
-                    编辑
-                  </a>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  贾明
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  审批通过
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  激励奖品快递费、相关周边制作费
-                </div>
-              </td>
-              <td
-                class="t-demo-col__datepicker"
-              >
-                <div
-                  class="t-table__cell--editable"
-                >
-                  2022-04-01
-                </div>
-              </td>
-              <td>
-                <div
-                  class="table-operations"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="4"
-                  >
-                    编辑
-                  </a>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  张三
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  审批过期
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-table__cell--editable"
-                >
-                  激励奖品快递费
-                </div>
-              </td>
-              <td
-                class="t-demo-col__datepicker"
-              >
-                <div
-                  class="t-table__cell--editable"
-                >
-                  2022-01-01
-                </div>
-              </td>
-              <td>
-                <div
-                  class="table-operations"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                    data-id="5"
-                  >
-                    编辑
-                  </a>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\ellipsis.tsx 1`] = `
-<div>
-  <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
-                class="t-table__th-applicant"
-                data-colkey="applicant"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    申请人
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  审批状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-channel"
-                data-colkey="channel"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    签署方式（超长标题示例）
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-ellipsisProps"
-                data-colkey="ellipsisProps"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    邮箱地址
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-ellipsisContent"
-                data-colkey="ellipsisContent"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    申请事项
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-propsAndContent1"
-                data-colkey="propsAndContent1"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    审核时间
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-link"
-                data-colkey="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>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  贾明（kyrieJia）
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批通过"
-                  >
-                    审批通过
-                  </span>
-                </div>
-              </td>
-              <td>
-                电子签署
-              </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>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  张三（threeZhang)
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </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>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  王芳（fangWang)
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-error-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批过期"
-                  >
-                    审批过期
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </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>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  贾明（kyrieJia）
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批通过"
-                  >
-                    审批通过
-                  </span>
-                </div>
-              </td>
-              <td>
-                电子签署
-              </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>
-              <td
-                class="t-table-td--ellipsis"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  张三（threeZhang)
-                </div>
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td>
-                纸质签署
-              </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\empty.tsx 1`] = `
-<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
-              class="t-table__th-project"
-              data-colkey="project"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                项目名称
-              </div>
-            </th>
-            <th
-              class="t-table__th-member"
-              data-colkey="member"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                管理员
-              </div>
-            </th>
-            <th
-              class="t-table__th-company"
-              data-colkey="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"
-              >
-                暂无数据
-              </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
-              class="t-table__th-project"
-              data-colkey="project"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                项目名称
-              </div>
-            </th>
-            <th
-              class="t-table__th-member"
-              data-colkey="member"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                管理员
-              </div>
-            </th>
-            <th
-              class="t-table__th-company"
-              data-colkey="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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\expandable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'true'"
-              tabindex="-1"
-              type="radio"
-              value="true"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-               显示展开图标 
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'false'"
-              tabindex="-1"
-              type="radio"
-              value="false"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-               隐藏展开图标 
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'custom'"
-              tabindex="-1"
-              type="radio"
-              value="custom"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-               自由控制展开图标 
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <label
-          class="t-checkbox t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            允许点击行之后展开/收起
-          </span>
-        </label>
-        <label
-          class="t-checkbox"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            固定列
-          </span>
-        </label>
-        <label
-          class="t-checkbox"
-          style="margin-left: 32px;"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <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
-                  class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"
-                  data-colkey="__EXPAND_ROW_ICON_COLUMN__"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  />
-                </th>
-                <th
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-operation"
-                  data-colkey="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"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <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"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <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"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <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"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <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"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <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: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\filter-controlled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              清空已筛选
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <span>
-            已选筛选条件：
-            {"lastName":[]}
-          </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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-email"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                          <div
-                            class="t-table__filter-icon"
-                          >
-                            <div>
-                              <svg
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </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>
-                    <div
-                      class="t-table__row-full-element"
-                    >
-                      <div
-                        class="t-table__row-filter-inner"
-                      >
-                        <div
-                          class="t-table__filter-result"
-                        >
-                          <span>
-                            搜索“”，找到 5 条结果
-                          </span>
-                          <button
-                            class="t-button t-button--theme-primary t-button--variant-text"
-                            type="button"
-                          >
-                            <span
-                              class="t-button__text"
-                            >
-                              清空筛选
-                            </span>
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  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"
-              >
-                共 0 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-pagination__jump"
-              >
-                跳至
-                <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"
-                      spellcheck="false"
-                      value="1"
-                    >
-                      <div
-                        class="t-input t-align-left"
-                      >
-                        <input
-                          autocomplete="off"
-                          class="t-input__inner"
-                          placeholder=""
-                          type="text"
-                          value="1"
-                        />
-                      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-column.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="1"
-            tabindex="-1"
-            type="radio"
-            value="1"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左侧固定一列
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="2"
-            tabindex="-1"
-            type="radio"
-            value="2"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            左侧固定两列
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="1"
-            tabindex="-1"
-            type="radio"
-            value="1"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右侧固定一列
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="2"
-            tabindex="-1"
-            type="radio"
-            value="2"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            右侧固定两列
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <div
-          class="t-radio-group t-size-m t-radio-group--filled"
-        >
-          <label
-            class="t-radio-button t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-radio-button__former"
-              data-value="'fixed'"
-              tabindex="-1"
-              type="radio"
-              value="fixed"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              table-layout: fixed
-            </span>
-          </label>
-          <label
-            class="t-radio-button"
-            tabindex="0"
-          >
-            <input
-              class="t-radio-button__former"
-              data-value="'auto'"
-              tabindex="-1"
-              type="radio"
-              value="auto"
-            />
-            <span
-              class="t-radio-button__input"
-            />
-            <span
-              class="t-radio-button__label"
-            >
-              table-layout: auto
-            </span>
-          </label>
-          <div
-            class="t-radio-group__bg-block"
-            style="width: 0px; height: 0px; left: 0px; top: 0px;"
-          />
-        </div>
-        <label
-          class="t-checkbox"
-          style="margin-left: 16px; vertical-align: middle;"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            data-value="false"
-            tabindex="-1"
-            type="checkbox"
-            value="0"
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            空数据
-          </span>
-        </label>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-table t-table--bordered t-table--column-fixed 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
-                  class="t-table__cell--fixed-left t-table__th-applicant"
-                  data-colkey="applicant"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-status"
-                  data-colkey="status"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    审批状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    邮箱地址
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请日期
-                  </div>
-                </th>
-                <th
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation"
-                  data-colkey="operation"
-                  style="right: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    操作
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <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: 0px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-header.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'fixed'"
-            tabindex="-1"
-            type="radio"
-            value="fixed"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            table-layout: fixed
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'auto'"
-            tabindex="-1"
-            type="radio"
-            value="auto"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            table-layout: auto
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          data-value="false"
-          tabindex="-1"
-          type="checkbox"
-          value="0"
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    审批状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请日期
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-operation"
-                  data-colkey="operation"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    操作
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td>
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-            </tbody>
-            <tfoot
-              class="t-table__footer"
-              style="visibility: visible;"
-            >
-              <tr>
-                <td>
-                  -
-                </td>
-                <td>
-                  -
-                </td>
-                <td>
-                  -
-                </td>
-                <td>
-                  -
-                </td>
-                <td>
-                  -
-                </td>
-                <td>
-                  -
-                </td>
-              </tr>
-            </tfoot>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\fixed-header-col.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'fixed'"
-            tabindex="-1"
-            type="radio"
-            value="fixed"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            table-layout: fixed
-          </span>
-        </label>
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'auto'"
-            tabindex="-1"
-            type="radio"
-            value="auto"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            table-layout: auto
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          data-value="false"
-          tabindex="-1"
-          type="checkbox"
-          value="0"
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <span
-          class="t-checkbox__label"
-        >
-          是否冻结首尾两行
-        </span>
-      </label>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-table t-table--bordered t-table--column-fixed"
-        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
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last t-table__th-applicant"
-                  data-colkey="applicant"
-                  style="left: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    审批状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    邮箱地址
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请日期
-                  </div>
-                </th>
-                <th
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first t-table__th-operation"
-                  data-colkey="operation"
-                  style="right: 0px;"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    操作
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    查看详情
-                  </a>
-                </td>
-              </tr>
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  <a
-                    class="t-link t-link--theme-primary t-link--hover-color"
-                  >
-                    再次申请
-                  </a>
-                </td>
-              </tr>
-            </tbody>
-            <tfoot
-              class="t-table__footer"
-              style="visibility: visible;"
-            >
-              <tr>
-                <td
-                  class="t-table__cell--fixed-left t-table__cell--fixed-left-last"
-                  style="left: 0px;"
-                >
-                  共20条
-                </td>
-                <td>
-                  -
-                </td>
-                <td />
-                <td>
-                  -
-                </td>
-                <td />
-                <td>
-                  -
-                </td>
-                <td
-                  class="t-table__cell--fixed-right t-table__cell--fixed-right-first"
-                  style="right: 0px;"
-                >
-                  -
-                </td>
-              </tr>
-            </tfoot>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\lazy.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-base"
-        style="margin-top: 10px;"
-        type="button"
-      >
-        <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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    邮箱地址
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-              <tr>
-                <td
-                  style="height: 48px;"
-                />
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\loading.tsx 1`] = `
-<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
-                class="t-table__th-instance"
-                data-colkey="instance"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  集群名称
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-owner"
-                data-colkey="owner"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  管理员
-                </div>
-              </th>
-              <th
-                class="t-table__th-description"
-                data-colkey="description"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  描述
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          />
-        </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"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </foreignobject>
-        </svg>
-        <div
-          class="t-loading__text"
-        />
-      </div>
-      <div
-        class="t-portal-wrapper"
-      />
-    </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
-                class="t-table__th-instance"
-                data-colkey="instance"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  集群名称
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-owner"
-                data-colkey="owner"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  管理员
-                </div>
-              </th>
-              <th
-                class="t-table__th-description"
-                data-colkey="description"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  描述
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          />
-        </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"
-          height="1em"
-          version="1.1"
-          viewBox="0 0 12 12"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <foreignobject
-            height="12"
-            width="12"
-            x="0"
-            y="0"
-          >
-            <div
-              class="t-loading__gradient-conic"
-            />
-          </foreignobject>
-        </svg>
-        <div
-          class="t-loading__text"
-        >
-          自定义加载状态文本
-        </div>
-      </div>
-      <div
-        class="t-portal-wrapper"
-      />
-    </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
-                class="t-table__th-instance"
-                data-colkey="instance"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  集群名称
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-owner"
-                data-colkey="owner"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  管理员
-                </div>
-              </th>
-              <th
-                class="t-table__th-description"
-                data-colkey="description"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  描述
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          />
-        </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
-              class="t-icon t-icon-loading"
-              fill="none"
-              height="1em"
-              name="loading"
-              style="fill: none; font-size: 20px;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <path
-                d="M12 2.25C6.61556 2.25 2.25 6.61556 2.25 12C2.25 17.3844 6.61556 21.75 12 21.75V19.3125C7.96142 19.3125 4.6875 16.0386 4.6875 12C4.6875 7.96142 7.96142 4.6875 12 4.6875C16.0386 4.6875 19.3125 7.96142 19.3125 12H21.75C21.75 6.61556 17.3844 2.25 12 2.25Z"
-                fill="currentColor"
-                id="loading"
-              />
-            </svg>
-              
-            <span>
-              渲染函数自定义加载中（可单独去除内置加载图标）
-            </span>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-portal-wrapper"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\merge-cells.tsx 1`] = `
-<div>
-  <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
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-description"
-              data-colkey="description"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                审批事项
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                邮箱地址
-              </div>
-            </th>
-            <th
-              class="t-table__th-channel"
-              colspan="2"
-              data-colkey="channel"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                其他信息
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td
-              class="t-table__td-first-col"
-              rowspan="2"
-            >
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              宣传物料制作费用
-            </td>
-            <td>
-              w.cezkdudy@lhll.au
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td
-              colspan="2"
-              rowspan="2"
-            >
-              algolia 服务报销
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__td-first-col"
-              rowspan="2"
-            >
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              激励奖品快递费
-            </td>
-            <td>
-              b.nmgw@peurezgn.sl
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__td-last-row t-table__td-first-col"
-              rowspan="2"
-            >
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              宣传物料制作费用
-            </td>
-            <td>
-              d.cumx@rampblpa.ru
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              algolia 服务报销
-            </td>
-            <td>
-              w.cezkdudy@lhll.au
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td>
-              2021-11-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\multi-header.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示表格边框
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示固定表头
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              固定左侧列
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              固定右侧列
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-setting"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="setting"
-                >
-                  <path
-                    clip-rule="evenodd"
-                    d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
-                    fill="transparent"
-                    fill-rule="evenodd"
-                    id="fill1"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span
-                class="t-button__text"
-              >
-                列配置
-              </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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-total_info"
-                  colspan="3"
-                  data-colkey="total_info"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请汇总
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-field1"
-                  data-colkey="field1"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    住宿费
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-field3"
-                  data-colkey="field3"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    交通费
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-field4"
-                  data-colkey="field4"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    物料费
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-field2"
-                  data-colkey="field2"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    奖品激励费
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-instruction"
-                  colspan="3"
-                  data-colkey="instruction"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    审批汇总
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                  rowspan="3"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-              <tr>
-                <th
-                  class="t-table__header-th--bordered t-table__th-platform"
-                  data-colkey="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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-type_default"
-                  colspan="2"
-                  data-colkey="type_default"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请渠道和金额
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-property"
-                  data-colkey="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
-                                class="t-icon t-icon-filter"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="filter"
-                                >
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill="transparent"
-                                    fill-rule="evenodd"
-                                    id="fill1"
-                                  />
-                                  <path
-                                    clip-rule="evenodd"
-                                    d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z"
-                                    fill-rule="evenodd"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-description"
-                  colspan="2"
-                  data-colkey="description"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      说明
-                    </div>
-                  </div>
-                </th>
-              </tr>
-              <tr>
-                <th
-                  class="t-table__header-th--bordered t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    类型
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-time t-align-center"
-                  data-colkey="time"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请耗时(天)
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-field7"
-                  data-colkey="field7"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    审批单号
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="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>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号001
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号002
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号003
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号004
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号005
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号006
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号007
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号008
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号009
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号0010
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号0011
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号0012
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号0013
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号0014
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号0015
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号0016
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  100
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号0017
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  200
-                </td>
-                <td>
-                  财务审批
-                </td>
-                <td>
-                  审批单号0018
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  400
-                </td>
-                <td>
-                  组长审批
-                </td>
-                <td>
-                  审批单号0019
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  500
-                </td>
-                <td>
-                  部门审批
-                </td>
-                <td>
-                  审批单号0020
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\multiple-sort.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        排序方式：
-        [{"sortBy":"status","descending":true},{"sortBy":"survivalTime","descending":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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-time t-align-center"
-                  data-colkey="time"
-                >
-                  <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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      邮箱地址
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    p.cumx@rampblpa.ru
-                  </div>
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    w.cezkdudy@lhll.au
-                  </div>
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-table-td--ellipsis"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    r.nmgw@peurezgn.sl
-                  </div>
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\pagination.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="true"
-            tabindex="-1"
-            type="radio"
-            value="1"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            跨分页选中
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="false"
-            tabindex="-1"
-            type="radio"
-            value="0"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            当前页选中
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-                  class="t-table__th-serial-number"
-                  data-colkey="serial-number"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    序号
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-                <th
-                  class="t-table__cell-check t-table__th-row-select"
-                  data-colkey="row-select"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        tabindex="-1"
-                        type="checkbox"
-                        value=""
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                    </label>
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  6
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  7
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  8
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  9
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  10
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </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"
-              >
-                共 59 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="5 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="5 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          5 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                    class="t-icon t-icon-ellipsis"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="ellipsis"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M4 11.5H5V12.5H4V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M11.5 11.5H12.5V12.5H11.5V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M19 11.5H20V12.5H19V11.5Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </svg>
-                </li>
-                <li
-                  class="t-pagination__number"
-                >
-                  12
-                </li>
-              </ul>
-              <div
-                class="t-pagination__btn t-pagination__btn-next"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-pagination__jump"
-              >
-                跳至
-                <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"
-                      spellcheck="false"
-                      value="2"
-                    >
-                      <div
-                        class="t-input t-align-left"
-                      >
-                        <input
-                          autocomplete="off"
-                          class="t-input__inner"
-                          placeholder=""
-                          type="text"
-                          value="2"
-                        />
-                      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\select-multiple.tsx 1`] = `
-<div>
-  <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
-              class="t-table__cell-check t-table__th-row-select"
-              data-colkey="row-select"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <label
-                  class="t-checkbox"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-checkbox__former"
-                    tabindex="-1"
-                    type="checkbox"
-                    value=""
-                  />
-                  <span
-                    class="t-checkbox__input"
-                  />
-                </label>
-              </div>
-            </th>
-            <th
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-channel"
-              data-colkey="channel"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                签署方式
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  邮箱地址
-                </div>
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-              </label>
-            </td>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-checkbox t-is-disabled"
-                title="不可选"
-              >
-                <input
-                  class="t-checkbox__former"
-                  disabled=""
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-              </label>
-            </td>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-              </label>
-            </td>
-            <td>
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                p.cumx@rampblpa.ru
-              </div>
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-checkbox t-is-disabled"
-                title="不可选"
-              >
-                <input
-                  class="t-checkbox__former"
-                  disabled=""
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-              </label>
-            </td>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-checkbox"
-                tabindex="0"
-              >
-                <input
-                  class="t-checkbox__former"
-                  tabindex="-1"
-                  type="checkbox"
-                  value=""
-                />
-                <span
-                  class="t-checkbox__input"
-                />
-              </label>
-            </td>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\select-single.tsx 1`] = `
-<div>
-  <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
-              class="t-table__cell-check t-table__th-row-select"
-              data-colkey="row-select"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              />
-            </th>
-            <th
-              class="t-table__th-applicant"
-              data-colkey="applicant"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请人
-              </div>
-            </th>
-            <th
-              class="t-table__th-status"
-              data-colkey="status"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请状态
-              </div>
-            </th>
-            <th
-              class="t-table__th-channel"
-              data-colkey="channel"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                签署方式
-              </div>
-            </th>
-            <th
-              class="t-table__th-detail.email"
-              data-colkey="detail.email"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                <div
-                  class="t-table__ellipsis t-text-ellipsis"
-                >
-                  邮箱地址
-                </div>
-              </div>
-            </th>
-            <th
-              class="t-table__th-createTime"
-              data-colkey="createTime"
-            >
-              <div
-                class="t-table__th-cell-inner"
-              >
-                申请时间
-              </div>
-            </th>
-          </tr>
-        </thead>
-        <tbody
-          class="t-table__body"
-        >
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-radio"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio__former"
-                  data-allow-uncheck="true"
-                  tabindex="-1"
-                  type="radio"
-                  value=""
-                />
-                <span
-                  class="t-radio__input"
-                />
-              </label>
-            </td>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-          <tr
-            class="t-table__row--disabled"
-          >
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-radio t-is-disabled"
-              >
-                <input
-                  class="t-radio__former"
-                  data-allow-uncheck="true"
-                  disabled=""
-                  tabindex="-1"
-                  type="radio"
-                  value=""
-                />
-                <span
-                  class="t-radio__input"
-                />
-              </label>
-            </td>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-02-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-radio"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio__former"
-                  data-allow-uncheck="true"
-                  tabindex="-1"
-                  type="radio"
-                  value=""
-                />
-                <span
-                  class="t-radio__input"
-                />
-              </label>
-            </td>
-            <td>
-              王芳
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-error-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批过期"
-                >
-                  审批过期
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                p.cumx@rampblpa.ru
-              </div>
-            </td>
-            <td>
-              2022-03-01
-            </td>
-          </tr>
-          <tr
-            class="t-table__row--disabled"
-          >
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-radio t-is-disabled"
-              >
-                <input
-                  class="t-radio__former"
-                  data-allow-uncheck="true"
-                  disabled=""
-                  tabindex="-1"
-                  type="radio"
-                  value=""
-                />
-                <span
-                  class="t-radio__input"
-                />
-              </label>
-            </td>
-            <td>
-              贾明
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-check-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批通过"
-                >
-                  审批通过
-                </span>
-              </div>
-            </td>
-            <td>
-              电子签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                w.cezkdudy@lhll.au
-              </div>
-            </td>
-            <td>
-              2022-04-01
-            </td>
-          </tr>
-          <tr>
-            <td
-              class="t-table__cell-check"
-            >
-              <label
-                class="t-radio"
-                tabindex="0"
-              >
-                <input
-                  class="t-radio__former"
-                  data-allow-uncheck="true"
-                  tabindex="-1"
-                  type="radio"
-                  value=""
-                />
-                <span
-                  class="t-radio__input"
-                />
-              </label>
-            </td>
-            <td>
-              张三
-            </td>
-            <td>
-              <div
-                class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-              >
-                <svg
-                  class="t-icon t-icon-close-circle-filled"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <path
-                    d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <span
-                  title="审批失败"
-                >
-                  审批失败
-                </span>
-              </div>
-            </td>
-            <td>
-              纸质签署
-            </td>
-            <td
-              class="t-table-td--ellipsis"
-            >
-              <div
-                class="t-table__ellipsis t-text-ellipsis"
-              >
-                r.nmgw@peurezgn.sl
-              </div>
-            </td>
-            <td>
-              2022-01-01
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\single-sort.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        <label
-          class="t-checkbox"
-          tabindex="0"
-        >
-          <input
-            class="t-checkbox__former"
-            tabindex="-1"
-            type="checkbox"
-            value=""
-          />
-          <span
-            class="t-checkbox__input"
-          />
-          <span
-            class="t-checkbox__label"
-          >
-            隐藏排序文本提示
-          </span>
-        </label>
-        <span
-          style="padding-left: 16px; vertical-align: top;"
-        >
-          排序方式：
-          {"sortBy":"status","descending":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
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__sort-column t-table__th-status"
-                  data-colkey="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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-table__sort-icon--active t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-time t-align-center"
-                  data-colkey="time"
-                >
-                  <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
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                            <span
-                              class="t-icon-sort--default t-table__sort-icon t-table-sort-desc"
-                            >
-                              <svg
-                                class="t-icon t-icon-chevron-down"
-                                fill="none"
-                                height="1em"
-                                style="fill: none;"
-                                viewBox="0 0 24 24"
-                                width="1em"
-                              >
-                                <g
-                                  id="chevron-down"
-                                >
-                                  <path
-                                    d="M17.5 9.5L12 15L6.5 9.5"
-                                    id="stroke1"
-                                    stroke="currentColor"
-                                    stroke-linecap="square"
-                                    stroke-width="2"
-                                  />
-                                </g>
-                              </svg>
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-channel"
-                  data-colkey="channel"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td
-                  class="t-table__sort-column"
-                >
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  2
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  张三
-                </td>
-                <td
-                  class="t-table__sort-column"
-                >
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  3
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  王芳
-                </td>
-                <td
-                  class="t-table__sort-column"
-                >
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  1
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  贾明
-                </td>
-                <td
-                  class="t-table__sort-column"
-                >
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  4
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\style.tsx 1`] = `
-<div>
-  <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
-                class="t-table__th-applicant"
-                data-colkey="applicant"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请人
-                </div>
-              </th>
-              <th
-                class="t-table__th-status"
-                data-colkey="status"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  审批状态
-                </div>
-              </th>
-              <th
-                class="t-table__th-time t-align-center"
-                data-colkey="time"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请耗时(天)
-                </div>
-              </th>
-              <th
-                class="custom-cell-class-name t-table__th-channel t-align-right"
-                data-colkey="channel"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  签署方式
-                </div>
-              </th>
-              <th
-                class="t-table__th-detail.email"
-                data-colkey="detail.email"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  <div
-                    class="t-table__ellipsis t-text-ellipsis"
-                  >
-                    邮箱地址
-                  </div>
-                </div>
-              </th>
-              <th
-                class="t-table__th-createTime"
-                data-colkey="createTime"
-              >
-                <div
-                  class="t-table__th-cell-inner"
-                >
-                  申请时间
-                </div>
-              </th>
-            </tr>
-          </thead>
-          <tbody
-            class="t-table__body"
-          >
-            <tr>
-              <td>
-                贾明
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </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>
-                2022-01-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                张三
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td
-                class="custom-cell-class-name t-align-center"
-                style="font-weight: 600;"
-              >
-                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>
-                2022-02-01
-              </td>
-            </tr>
-            <tr
-              class="custom-third-class-name"
-            >
-              <td>
-                王芳
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-error-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                      fill="currentColor"
-                    />
-                  </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>
-                2022-03-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                贾明
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </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>
-                2022-04-01
-              </td>
-            </tr>
-            <tr>
-              <td>
-                张三
-              </td>
-              <td>
-                <div
-                  class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                >
-                  <svg
-                    class="t-icon t-icon-close-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  <span
-                    title="审批失败"
-                  >
-                    审批失败
-                  </span>
-                </div>
-              </td>
-              <td
-                class="custom-cell-class-name t-align-center"
-                style="font-weight: 600;"
-              >
-                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>
-                2022-01-01
-              </td>
-            </tr>
-          </tbody>
-          <tfoot
-            class="t-table__footer"
-            style="visibility: visible;"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\tree.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              添加根节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-left: 16px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              重置/更新数据
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-left: 16px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              展开/收起可见行
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-left: 16px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              展开全部
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-default t-button--variant-base"
-            style="margin-left: 16px;"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取全部树形结构
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <label
-        class="t-checkbox"
-        style="vertical-align: middle;"
-        tabindex="0"
-      >
-        <input
-          class="t-checkbox__former"
-          tabindex="-1"
-          type="checkbox"
-          value=""
-        />
-        <span
-          class="t-checkbox__input"
-        />
-        <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
-                  class="t-table__th-drag t-align-center"
-                  data-colkey="drag"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    排序
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-id"
-                  data-colkey="id"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      编号
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-key"
-                  data-colkey="key"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <div
-                      class="t-table__ellipsis t-text-ellipsis"
-                    >
-                      名称
-                    </div>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-platform"
-                  data-colkey="platform"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    签署方式
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-operate t-align-center"
-                  data-colkey="operate"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    操作
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-            >
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人 0_1 号"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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--inline t-table__tree-leaf-node"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      />
-                      申请人 0_1 号
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人 1_1 号"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人 1_1 号
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人 2_1 号"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人 2_1 号
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人 3_1 号"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人 3_1 号
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  纸质签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人 4_1 号"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人 4_1 号
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人懒加载节点 66666，点我体验"
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人懒加载节点 66666，点我体验
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0"
-                data-id="申请人懒加载节点 88888，点我体验 "
-              >
-                <td
-                  class="t-align-center t-table__handle-draggable"
-                >
-                  <svg
-                    class="t-icon t-icon-move"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="move"
-                    >
-                      <g
-                        id="stroke1"
-                      >
-                        <path
-                          d="M7.75 3.25H8.75V4.25H7.75V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 3.25H16.25V4.25H15.25V3.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 8.75H16.25V9.75H15.25V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 14.25H16.25V15.25H15.25V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M15.25 19.75H16.25V20.75H15.25V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 8.75H8.75V9.75H7.75V8.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 14.25H8.75V15.25H7.75V14.25Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M7.75 19.75H8.75V20.75H7.75V19.75Z"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </g>
-                  </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"
-                      style="padding-left: 1px;"
-                    >
-                      <span
-                        class="t-table__tree-op-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-add-rectangle"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add-rectangle"
-                          >
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 3H3V21L21 21V3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      申请人懒加载节点 88888，点我体验 
-                    </div>
-                  </div>
-                </td>
-                <td>
-                  电子签署
-                </td>
-                <td
-                  class="t-align-center"
-                >
-                  <div
-                    class="tdesign-table-demo__table-operations"
-                  >
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      插入
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      前插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      后插
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      更新
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      查看
-                    </a>
-                    <a
-                      class="t-link t-link--theme-default t-link--hover-color"
-                      style="padding: 0px 8px;"
-                    >
-                      删除
-                    </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"
-              >
-                共 100 条数据
-              </div>
-              <div
-                class="t-pagination__select"
-              >
-                <div
-                  class="t-select__wrap"
-                >
-                  <div
-                    class="t-select t-select-input"
-                  >
-                    <div
-                      class="t-input__wrap t-input--auto-width"
-                      spellcheck="false"
-                      value="10 条/页"
-                    >
-                      <div
-                        class="t-input t-align-left t-input--suffix"
-                      >
-                        <input
-                          class="t-input__inner"
-                          placeholder="请选择"
-                          readonly=""
-                          type="text"
-                          value="10 条/页"
-                        />
-                        <span
-                          class="t-input__input-pre"
-                        >
-                          10 条/页
-                        </span>
-                        <span
-                          class="t-input__suffix t-input__suffix-icon"
-                        >
-                          <svg
-                            class="t-fake-arrow t-select__right-icon"
-                            fill="none"
-                            height="16"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                              stroke="black"
-                              stroke-opacity="0.9"
-                              stroke-width="1.3"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="t-pagination__btn t-pagination__btn-prev t-is-disabled"
-              >
-                <svg
-                  class="t-icon t-icon-chevron-left"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-left"
-                  >
-                    <path
-                      d="M14.5 17.5L9 12L14.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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
-                  class="t-icon t-icon-chevron-right"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="chevron-right"
-                  >
-                    <path
-                      d="M9.5 17.5L15 12L9.5 6.5"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\tree-select.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
-          >
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="true"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                父子行选中独立
-              </span>
-            </label>
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="false"
-                tabindex="-1"
-                type="radio"
-                value="0"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                父子行选中关联
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取树形结构展开的节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <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, 23500px);"
-          />
-          <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
-                  class="t-table__expandable-icon-cell t-table__th-__EXPAND_ROW_ICON_COLUMN__"
-                  data-colkey="__EXPAND_ROW_ICON_COLUMN__"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  />
-                </th>
-                <th
-                  class="t-table__cell-check t-table__th-row-select"
-                  data-colkey="row-select"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    <label
-                      class="t-checkbox"
-                      tabindex="0"
-                    >
-                      <input
-                        class="t-checkbox__former"
-                        tabindex="-1"
-                        type="checkbox"
-                        value=""
-                      />
-                      <span
-                        class="t-checkbox__input"
-                      />
-                    </label>
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-serial-number"
-                  data-colkey="serial-number"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    序号
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-              style="transform: translateY(0px);"
-            >
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  1
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    贾明
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  2
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    张三
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  3
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    王芳
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  4
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    贾明
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  5
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    张三
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  6
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    王芳
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  7
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    贾明
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  8
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    张三
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  9
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    王芳
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  宣传物料制作费用
-                </td>
-              </tr>
-              <tr
-                class="t-table-tr--level-0 t-table__row--folded"
-              >
-                <td
-                  class="t-table__expandable-icon-cell"
-                >
-                  <span
-                    class="t-table__expand-box t-table__row--collapsed"
-                  >
-                    <svg
-                      class="t-icon t-icon-chevron-right-circle"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="chevron-right-circle"
-                      >
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <path
-                          d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                        <path
-                          d="M10.5 16L14.5 12L10.5 8"
-                          id="stroke2"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </span>
-                </td>
-                <td
-                  class="t-table__cell-check"
-                >
-                  <label
-                    class="t-checkbox"
-                    tabindex="0"
-                  >
-                    <input
-                      class="t-checkbox__former"
-                      tabindex="-1"
-                      type="checkbox"
-                      value=""
-                    />
-                    <span
-                      class="t-checkbox__input"
-                    />
-                  </label>
-                </td>
-                <td>
-                  10
-                </td>
-                <td>
-                  <div
-                    class="t-table__tree-col"
-                    style="padding-left: 1px;"
-                  >
-                    <span
-                      class="t-table__tree-op-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-add-rectangle"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="add-rectangle"
-                        >
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 3H3V21L21 21V3Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                    贾明
-                  </div>
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\table\\_example\\virtual-scroll.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              滚动到指定元素
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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, 48000px);"
-          />
-          <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
-                  class="t-table__th-serial-number"
-                  data-colkey="serial-number"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    序号
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-applicant"
-                  data-colkey="applicant"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请人
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-status"
-                  data-colkey="status"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请状态
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-matters"
-                  data-colkey="matters"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请事项
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-detail.email"
-                  data-colkey="detail.email"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    邮箱地址
-                  </div>
-                </th>
-                <th
-                  class="t-table__th-createTime"
-                  data-colkey="createTime"
-                >
-                  <div
-                    class="t-table__th-cell-inner"
-                  >
-                    申请时间
-                  </div>
-                </th>
-              </tr>
-            </thead>
-            <tbody
-              class="t-table__body"
-              style="transform: translateY(0px);"
-            >
-              <tr>
-                <td>
-                  1
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  部分宣传物料制作费用
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  2
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  3
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  4
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  5
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  部分宣传物料制作费用
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  6
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  7
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  相关周边制作费
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-03-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  8
-                </td>
-                <td>
-                  张三
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--danger t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-close-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批失败"
-                    >
-                      审批失败
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  激励奖品快递费
-                </td>
-                <td>
-                  r.nmgw@peurezgn.sl
-                </td>
-                <td>
-                  2022-04-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  9
-                </td>
-                <td>
-                  王芳
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--warning t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批过期"
-                    >
-                      审批过期
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  部分宣传物料制作费用
-                </td>
-                <td>
-                  p.cumx@rampblpa.ru
-                </td>
-                <td>
-                  2022-01-01
-                </td>
-              </tr>
-              <tr>
-                <td>
-                  10
-                </td>
-                <td>
-                  贾明
-                </td>
-                <td>
-                  <div
-                    class="t-tag t-tag--success t-tag--light-outline t-tag--round"
-                  >
-                    <svg
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <span
-                      title="审批通过"
-                    >
-                      审批通过
-                    </span>
-                  </div>
-                </td>
-                <td>
-                  algolia 服务报销
-                </td>
-                <td>
-                  w.cezkdudy@lhll.au
-                </td>
-                <td>
-                  2022-02-01
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\ban.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'normal'"
-            tabindex="-1"
-            type="radio"
-            value="normal"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            常规型
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'card'"
-            tabindex="-1"
-            type="radio"
-            value="card"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            卡片型
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\combination.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'normal'"
-            tabindex="-1"
-            type="radio"
-            value="normal"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            常规型
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'card'"
-            tabindex="-1"
-            type="radio"
-            value="card"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            卡片型
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'auto'"
-            tabindex="-1"
-            type="radio"
-            value="auto"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            Auto
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'start'"
-            tabindex="-1"
-            type="radio"
-            value="start"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            Start
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'center'"
-            tabindex="-1"
-            type="radio"
-            value="center"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            Center
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'end'"
-            tabindex="-1"
-            type="radio"
-            value="end"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            End
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\custom.tsx 1`] = `
-<div>
-  <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
-          class="t-tabs__operations t-tabs__operations--right"
-        >
-          <div
-            class="t-tabs__add-btn t-tabs__btn t-size-m"
-          >
-            <svg
-              class="t-icon t-icon-add"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="add"
-              >
-                <path
-                  d="M12 5L12 19M19 12L5 12"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 3
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 4
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 5
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 6
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 7
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 8
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 9
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </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"
-                >
-                  选项卡 10
-                </span>
-                <span
-                  class="remove-btn"
-                >
-                  <svg
-                    class="t-icon t-icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </span>
-              </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>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\drag-sort.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <div
-                    class="t-tabs__nav-item t-size-m t-is-active t-is-top"
-                    draggable="true"
-                  >
-                    <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"
-                    draggable="true"
-                  >
-                    <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"
-                    draggable="true"
-                  >
-                    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <div
-                    class="t-tabs__nav-item t-size-m t-is-active t-is-top"
-                    draggable="true"
-                  >
-                    <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"
-                    draggable="true"
-                  >
-                    <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"
-                    draggable="true"
-                  >
-                    <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'normal'"
-            tabindex="-1"
-            type="radio"
-            value="normal"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            常规
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'card'"
-            tabindex="-1"
-            type="radio"
-            value="card"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            卡片
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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
-                          class="t-icon t-icon-discount"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="discount"
-                          >
-                            <path
-                              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-                              fill="transparent"
-                              id="fill2"
-                            />
-                            <path
-                              d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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
-                          class="t-icon t-icon-tools"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="tools"
-                          >
-                            <path
-                              d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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
-                          class="t-icon t-icon-tips"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="tips"
-                          >
-                            <path
-                              d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\lazy-load.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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
-            class="t-tab-panel"
-            style="display: none;"
-          >
-            <p
-              style="padding: 25px;"
-            >
-              选项卡2的内容，使用 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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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;"
-            >
-              这是选项卡1的内容，使用 Tabs 渲染
-            </p>
-          </div>
-          <div
-            class="t-tab-panel"
-            style="display: none;"
-          >
-            <p
-              style="padding: 25px;"
-            >
-              这是选项卡2的内容，使用 Tabs 渲染
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\operation.tsx 1`] = `
-<div>
-  <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
-          class="t-tabs__operations t-tabs__operations--right"
-        >
-          <div
-            class="t-tabs__add-btn t-tabs__btn t-size-m"
-          >
-            <svg
-              class="t-icon t-icon-add"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="add"
-              >
-                <path
-                  d="M12 5L12 19M19 12L5 12"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\position.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'top'"
-            tabindex="-1"
-            type="radio"
-            value="top"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            top
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'right'"
-            tabindex="-1"
-            type="radio"
-            value="right"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            right
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'bottom'"
-            tabindex="-1"
-            type="radio"
-            value="bottom"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            bottom
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'left'"
-            tabindex="-1"
-            type="radio"
-            value="left"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            left
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tabs\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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
-                    class="t-tabs__bar t-is-top"
-                  />
-                  <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"
-                      >
-                        选项卡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>
-    </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
-              class="t-tabs__operations t-tabs__operations--right"
-            />
-            <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-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>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-            rel="noreferrer"
-            target="_blank"
-          >
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="超链接"
-              >
-                超链接
-              </span>
-            </div>
-          </a>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\check-tag-group.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-              data-value="1"
-              tabindex="0"
-            >
-              <span
-                title="标签1"
-              >
-                标签1
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
-              data-value="2"
-              tabindex="0"
-            >
-              <span
-                title="标签2"
-              >
-                标签2
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
-              data-value="3"
-              tabindex="0"
-            >
-              <span>
-                <span>
-                  标签3
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
-              data-value="4"
-              tabindex="0"
-            >
-              <span
-                title="标签4"
-              >
-                标签4
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
-              data-value="5"
-              tabindex="0"
-            >
-              <span
-                title="标签5"
-              >
-                标签5
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-tag t-tag--check"
-              data-value="6"
-              tabindex="0"
-            >
-              <span
-                title="标签6"
-              >
-                标签6
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-              data-value="1"
-              tabindex="0"
-            >
-              <span
-                title="标签1"
-              >
-                标签1
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--primary t-tag--dark t-tag t-tag--check t-tag--checked"
-              data-value="2"
-              tabindex="0"
-            >
-              <span
-                title="标签2"
-              >
-                标签2
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="3"
-              tabindex="0"
-            >
-              <span>
-                <span>
-                  标签3
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="4"
-              tabindex="0"
-            >
-              <span
-                title="标签4"
-              >
-                标签4
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="5"
-              tabindex="0"
-            >
-              <span
-                title="标签5"
-              >
-                标签5
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="6"
-              tabindex="0"
-            >
-              <span
-                title="标签6"
-              >
-                标签6
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-              data-value="1"
-              tabindex="0"
-            >
-              <span
-                title="标签1"
-              >
-                标签1
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="2"
-              tabindex="0"
-            >
-              <span
-                title="标签2"
-              >
-                标签2
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--primary t-tag--outline t-tag t-tag--check t-tag--checked"
-              data-value="3"
-              tabindex="0"
-            >
-              <span>
-                <span>
-                  标签3
-                </span>
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="4"
-              tabindex="0"
-            >
-              <span
-                title="标签4"
-              >
-                标签4
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="5"
-              tabindex="0"
-            >
-              <span
-                title="标签5"
-              >
-                标签5
-              </span>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--outline t-tag t-tag--check"
-              data-value="6"
-              tabindex="0"
-            >
-              <span
-                title="标签6"
-              >
-                标签6
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-              data-value="1"
-              tabindex="0"
-            >
-              <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"
-              data-value="2"
-              tabindex="0"
-            >
-              <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"
-              data-value="3"
-              tabindex="0"
-            >
-              <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"
-              data-value="4"
-              tabindex="0"
-            >
-              <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"
-              data-value="5"
-              tabindex="0"
-            >
-              <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"
-              data-value="6"
-              tabindex="0"
-            >
-              <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\custom-color.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-                spellcheck="false"
-                value="#0052D9"
-              >
-                <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: rgb(0, 82, 217);"
-                      />
-                    </div>
-                  </div>
-                  <input
-                    class="t-input__inner"
-                    placeholder="请输入"
-                    type="text"
-                    value="#0052D9"
-                  />
-                  <span
-                    class="t-input__input-pre"
-                  >
-                    #0052D9
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-tag t-tag--primary t-tag--dark"
-            style="color: white; background-color: rgb(0, 82, 217);"
-          >
-            <span
-              title="default"
-            >
-              default
-            </span>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-tag t-tag--default t-tag--light"
-            style="color: rgb(0, 82, 217); 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: rgb(0, 82, 217); 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: rgb(0, 82, 217); border-color: #0052d9; background-color: rgba(0, 82, 217, 0.1);"
-          >
-            <span
-              title="light-outline"
-            >
-              light-outline
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\delete.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-tag t-tag--default t-tag--dark"
-            style="margin-right: 30px;"
-          >
-            <span>
-              可删除标签
-              0
-            </span>
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-tag t-tag--default t-tag--dark"
-            style="margin-right: 30px;"
-          >
-            <svg
-              class="t-icon t-icon-discount"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="discount"
-              >
-                <path
-                  d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-                  fill="transparent"
-                  id="fill2"
-                />
-                <path
-                  d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <path
-                  d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-            <span>
-              可删除标签
-              1
-            </span>
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </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
-            class="t-icon t-icon-add"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="add"
-            >
-              <path
-                d="M12 5L12 19M19 12L5 12"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-          <span
-            title="可添加标签"
-          >
-            可添加标签
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-tag t-tag--default t-tag--dark"
-  >
-    <svg
-      class="t-icon t-icon-discount"
-      fill="none"
-      height="1em"
-      style="fill: none;"
-      viewBox="0 0 24 24"
-      width="1em"
-    >
-      <g
-        id="discount"
-      >
-        <path
-          d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-          fill="transparent"
-          id="fill1"
-        />
-        <path
-          d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-          fill="transparent"
-          id="fill2"
-        />
-        <path
-          d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"
-          id="stroke1"
-          stroke="currentColor"
-          stroke-width="2"
-        />
-        <path
-          d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"
-          id="stroke2"
-          stroke="currentColor"
-          stroke-width="2"
-        />
-      </g>
-    </svg>
-    <span
-      title="默认标签"
-    >
-      默认标签
-    </span>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\long-text.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\selectable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-          >
-            <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"
-          >
-            <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
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-          >
-            <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"
-          >
-            <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
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-          >
-            <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"
-          >
-            <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\shape.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-        class="t-space t-space-align-center t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\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"
-    spellcheck="false"
-    value=""
-  >
-    <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
-            class="t-icon t-icon-close t-tag__icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-tag t-tag--default t-tag--dark"
-        >
-          <span
-            title="React"
-          >
-            React
-          </span>
-          <svg
-            class="t-icon t-icon-close t-tag__icon-close"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="close"
-            >
-              <path
-                d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-      <input
-        class="t-input__inner"
-        placeholder=""
-        type="text"
-        value=""
-      />
-      <span
-        class="t-input__input-pre"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\collapsed.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                +
-                4
-              </span>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                More(
-                2
-                )
-              </span>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\custom-tag.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span>
-                +
-                1
-              </span>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\draggable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--drag-sort"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              draggable="true"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              draggable="true"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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 t-tag-input--drag-sort"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              draggable="true"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              draggable="true"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-              draggable="true"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\excess.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\max.tsx 1`] = `
-<div>
-  <div
-    style="width: 100%;"
-  >
-    <div
-      class="t-input__wrap t-tag-input t-tag-input--break-line t-is-empty"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-align-left t-input--prefix"
-      >
-        <div
-          class="t-input__prefix"
-        />
-        <input
-          class="t-input__inner"
-          placeholder="最多只能输入 3 个标签"
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__input-pre"
-        >
-          最多只能输入 3 个标签
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\max-row.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        最大高度为2
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
-        spellcheck="false"
-        style="--max-rows: 2; --tag-input-size: small;"
-        value=""
-      >
-        <div
-          class="t-input t-size-s t-align-left t-input--prefix"
-        >
-          <div
-            class="t-input__prefix"
-          >
-            <div
-              class="t-tag-input__prefix"
-            >
-              小尺寸: 
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Vue"
-              >
-                Vue
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Svelte"
-              >
-                Svelte
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Solid"
-              >
-                Solid
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="MiniProgram"
-              >
-                MiniProgram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Flutter"
-              >
-                Flutter
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="UniApp"
-              >
-                UniApp
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Html5"
-              >
-                Html5
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Css3"
-              >
-                Css3
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="JavaScript"
-              >
-                JavaScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="TypeScript"
-              >
-                TypeScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Node.js"
-              >
-                Node.js
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Python"
-              >
-                Python
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Java"
-              >
-                Java
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Go"
-              >
-                Go
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="Rust"
-              >
-                Rust
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="C++"
-              >
-                C++
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        最大高度为3
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
-        spellcheck="false"
-        style="--max-rows: 3; --tag-input-size: medium;"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--prefix"
-        >
-          <div
-            class="t-input__prefix"
-          >
-            <div
-              class="t-tag-input__prefix"
-            >
-              中等尺寸: 
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Vue"
-              >
-                Vue
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Svelte"
-              >
-                Svelte
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Solid"
-              >
-                Solid
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="MiniProgram"
-              >
-                MiniProgram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Flutter"
-              >
-                Flutter
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="UniApp"
-              >
-                UniApp
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Html5"
-              >
-                Html5
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Css3"
-              >
-                Css3
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="JavaScript"
-              >
-                JavaScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="TypeScript"
-              >
-                TypeScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Node.js"
-              >
-                Node.js
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Python"
-              >
-                Python
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Java"
-              >
-                Java
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Go"
-              >
-                Go
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="Rust"
-              >
-                Rust
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="C++"
-              >
-                C++
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        最大高度为4
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows"
-        spellcheck="false"
-        style="--max-rows: 4; --tag-input-size: large;"
-        value=""
-      >
-        <div
-          class="t-input t-size-l t-align-left t-input--prefix"
-        >
-          <div
-            class="t-input__prefix"
-          >
-            <div
-              class="t-tag-input__prefix"
-            >
-              大尺寸: 
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Vue"
-              >
-                Vue
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Angular"
-              >
-                Angular
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Svelte"
-              >
-                Svelte
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Solid"
-              >
-                Solid
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="MiniProgram"
-              >
-                MiniProgram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Flutter"
-              >
-                Flutter
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="UniApp"
-              >
-                UniApp
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Html5"
-              >
-                Html5
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Css3"
-              >
-                Css3
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="JavaScript"
-              >
-                JavaScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="TypeScript"
-              >
-                TypeScript
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Node.js"
-              >
-                Node.js
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Python"
-              >
-                Python
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Java"
-              >
-                Java
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Go"
-              >
-                Go
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="Rust"
-              >
-                Rust
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="C++"
-              >
-                C++
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\size.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-s"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--default t-tag--dark t-size-l"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\status.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 32px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            禁用状态：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-            spellcheck="false"
-            style="width: 500px;"
-            value=""
-          >
-            <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
-                class="t-input__inner"
-                disabled=""
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            只读状态：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-            spellcheck="false"
-            style="width: 500px;"
-            value=""
-          >
-            <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
-                class="t-input__inner"
-                placeholder=""
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--default"
-            >
-              这是普通文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            成功状态：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-            spellcheck="false"
-            style="width: 500px;"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="React"
-                  >
-                    React
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="Miniprogram"
-                  >
-                    Miniprogram
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--success"
-            >
-              校验通过文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            告警状态：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-            spellcheck="false"
-            style="width: 500px;"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="React"
-                  >
-                    React
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="Miniprogram"
-                  >
-                    Miniprogram
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--warning"
-            >
-              校验不通过文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label>
-            错误状态：
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-            spellcheck="false"
-            style="width: 500px;"
-            value=""
-          >
-            <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
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="React"
-                  >
-                    React
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-                <div
-                  class="t-tag t-tag--default t-tag--dark"
-                >
-                  <span
-                    title="Miniprogram"
-                  >
-                    Miniprogram
-                  </span>
-                  <svg
-                    class="t-icon t-icon-close t-tag__icon-close"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="close"
-                    >
-                      <path
-                        d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                </div>
-              </div>
-              <input
-                class="t-input__inner"
-                placeholder=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__input-pre"
-              />
-            </div>
-            <div
-              class="t-input__tips t-input__tips--error"
-            >
-              校验存在严重问题文本提示
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tag-input\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 80%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--primary t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--primary t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--success t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--success t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--warning t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--warning t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </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"
-        spellcheck="false"
-        value=""
-      >
-        <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
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--danger t-tag--dark"
-            >
-              <span
-                title="React"
-              >
-                React
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-tag t-tag--danger t-tag--dark"
-            >
-              <span
-                title="Miniprogram"
-              >
-                Miniprogram
-              </span>
-              <svg
-                class="t-icon t-icon-close t-tag__icon-close"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="close"
-                >
-                  <path
-                    d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-          <input
-            class="t-input__inner"
-            placeholder=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__input-pre"
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容"
-          rows="2"
-          style="height: auto; min-height: auto;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default t-hide-scrollbar"
-          placeholder="请输入内容，高度可自适应，autosize=true"
-          style="height: 0px; min-height: -4px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default t-resize-none"
-          placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条"
-          style="height: -40px; min-height: -12px;"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\events.tsx 1`] = `
-<div>
-  <div
-    class="t-textarea"
-  >
-    <textarea
-      class="t-textarea__inner t-is-default"
-      placeholder="请输入内容"
-      style="height: auto; min-height: auto;"
-    />
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\maxlength.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容，超出限制无法输入"
-          style="height: auto; min-height: auto;"
-        />
-        <div
-          class="t-textarea__info_wrapper"
-        >
-          <div
-            class="t-textarea__tips t-textarea__tips--default"
-          >
-            这里可以放一些提示文字
-          </div>
-          <span
-            class="t-textarea__limit"
-          >
-            0
-            /20
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容，超出限制可以输入"
-          style="height: auto; min-height: auto;"
-        />
-        <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
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入"
-          style="height: auto; min-height: auto;"
-        />
-        <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
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入"
-          style="height: auto; min-height: auto;"
-        />
-        <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
-          class="t-textarea__inner t-is-default"
-          placeholder="自定义计数元素"
-          style="height: auto; min-height: auto;"
-        />
-        <div
-          class="t-textarea__info_wrapper t-textarea__info_wrapper_align"
-        >
-          <div
-            style="font-size: 12px;"
-          >
-            <span
-              style="color: gray;"
-            >
-              0
-            </span>
-            /
-            <span
-              style="color: mediumblue;"
-            >
-              20
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\textarea\\_example\\type.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default"
-          placeholder="请输入内容"
-          readonly=""
-          style="height: auto; min-height: auto;"
-        >
-          只读状态
-        </textarea>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default t-is-disabled"
-          disabled=""
-          placeholder="请输入内容"
-          style="height: auto; min-height: auto;"
-        >
-          禁用状态
-        </textarea>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-default"
-          placeholder="normal"
-          style="height: auto; min-height: auto;"
-        >
-          普通状态
-        </textarea>
-        <div
-          class="t-textarea__info_wrapper"
-        >
-          <div
-            class="t-textarea__tips t-textarea__tips--default"
-          >
-            正常提示
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-textarea"
-      >
-        <textarea
-          class="t-textarea__inner t-is-success"
-          placeholder="success"
-          style="height: auto; min-height: auto;"
-        >
-          成功状态
-        </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
-          class="t-textarea__inner t-is-warning"
-          placeholder="warning"
-          style="height: auto; min-height: auto;"
-        >
-          警告状态
-        </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
-          class="t-textarea__inner t-is-error"
-          placeholder="error"
-          style="height: auto; min-height: auto;"
-        >
-          错误状态
-        </textarea>
-        <div
-          class="t-textarea__info_wrapper"
-        >
-          <div
-            class="t-textarea__tips t-textarea__tips--error"
-          >
-            错误提示
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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-disabled t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                disabled=""
-                placeholder="选择时间"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="选择时间"
-                readonly=""
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hide-clear-button.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-            spellcheck="false"
-            value="12:00:00"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                readonly=""
-                type="text"
-                value="12:00:00"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value="12:00:00"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                readonly=""
-                type="text"
-                value="12:00:00"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hm.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-            spellcheck="false"
-            value="12:00"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                readonly=""
-                type="text"
-                value="12:00"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </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"
-            spellcheck="false"
-            value="12:59:59:000"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                readonly=""
-                type="text"
-                value="12:59:59:000"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\hms.tsx 1`] = `
-<div>
-  <div
-    class="t-time-picker"
-  >
-    <div
-      class="t-time-picker__group t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="12:00:00"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            readonly=""
-            type="text"
-            value="12:00:00"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-time"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="time"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 6.5L12 12L15 15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\keyboard.tsx 1`] = `
-<div>
-  <div
-    class="t-time-picker"
-  >
-    <div
-      class="t-time-picker__group t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value="12:08:00"
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请输入"
-            type="text"
-            value="12:08:00"
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-time"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="time"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 6.5L12 12L15 15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\panel.tsx 1`] = `
-<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>
-        <ul
-          class="t-time-picker__panel-body-scroll"
-          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-        >
-          <li
-            class="t-time-picker__panel-body-scroll-item t-is-current"
-          >
-            00
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            01
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            02
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            03
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            04
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            05
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            06
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            07
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            08
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            09
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            10
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            11
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            12
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            13
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            14
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            15
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            16
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            17
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            18
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            19
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            20
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            21
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            22
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            23
-          </li>
-        </ul>
-        <ul
-          class="t-time-picker__panel-body-scroll"
-          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-        >
-          <li
-            class="t-time-picker__panel-body-scroll-item t-is-current"
-          >
-            00
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            01
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            02
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            03
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            04
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            05
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            06
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            07
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            08
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            09
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            10
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            11
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            12
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            13
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            14
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            15
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            16
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            17
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            18
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            19
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            20
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            21
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            22
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            23
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            24
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            25
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            26
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            27
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            28
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            29
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            30
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            31
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            32
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            33
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            34
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            35
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            36
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            37
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            38
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            39
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            40
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            41
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            42
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            43
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            44
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            45
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            46
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            47
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            48
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            49
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            50
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            51
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            52
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            53
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            54
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            55
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            56
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            57
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            58
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            59
-          </li>
-        </ul>
-        <ul
-          class="t-time-picker__panel-body-scroll"
-          style="--timePickerPanelOffsetTop: 15; --timePickerPanelOffsetBottom: 21;"
-        >
-          <li
-            class="t-time-picker__panel-body-scroll-item t-is-current"
-          >
-            00
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            01
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            02
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            03
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            04
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            05
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            06
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            07
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            08
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            09
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            10
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            11
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            12
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            13
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            14
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            15
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            16
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            17
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            18
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            19
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            20
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            21
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            22
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            23
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            24
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            25
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            26
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            27
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            28
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            29
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            30
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            31
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            32
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            33
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            34
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            35
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            36
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            37
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            38
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            39
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            40
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            41
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            42
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            43
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            44
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            45
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            46
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            47
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            48
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            49
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            50
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            51
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            52
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            53
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            54
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            55
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            56
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            57
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            58
-          </li>
-          <li
-            class="t-time-picker__panel-body-scroll-item"
-          >
-            59
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\presets.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-time-picker"
-      >
-        <div
-          class="t-time-picker__group t-select-input"
-        >
-          <div
-            class="t-input__wrap"
-            spellcheck="false"
-            value="20:22"
-          >
-            <div
-              class="t-input t-align-left t-input--suffix"
-            >
-              <input
-                class="t-input__inner"
-                placeholder="请输入"
-                readonly=""
-                type="text"
-                value="20:22"
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-time-picker"
-        style="margin-top: 20px;"
-      >
-        <div
-          class="t-range-input-popup t-range-input-popup"
-          style="margin-top: 20px;"
-        >
-          <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"
-                spellcheck="false"
-                value="00:00:00"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="选择时间"
-                    readonly=""
-                    type="text"
-                    value="00:00:00"
-                  />
-                </div>
-              </div>
-              <div
-                class="t-range-input__inner-separator"
-              >
-                -
-              </div>
-              <div
-                class="t-input__wrap t-range-input__inner-right"
-                spellcheck="false"
-                value="23:59:59"
-              >
-                <div
-                  class="t-input t-is-readonly t-align-left"
-                >
-                  <input
-                    class="t-input__inner"
-                    placeholder="选择时间"
-                    readonly=""
-                    type="text"
-                    value="23:59:59"
-                  />
-                </div>
-              </div>
-              <span
-                class="t-range-input__suffix t-range-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-time"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="time"
-                  >
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M12 6.5L12 12L15 15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\range.tsx 1`] = `
-<div>
-  <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
-                class="t-input__inner"
-                placeholder="开始时间"
-                type="text"
-                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
-                class="t-input__inner"
-                placeholder="结束时间"
-                type="text"
-                value=""
-              />
-            </div>
-          </div>
-          <span
-            class="t-range-input__suffix t-range-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-time"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="time"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 6.5L12 12L15 15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\show-steps.tsx 1`] = `
-<div>
-  <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
-            class="t-input__inner"
-            placeholder="选择时间"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-time"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="time"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 6.5L12 12L15 15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\time-picker\\_example\\twelve-hour-meridian.tsx 1`] = `
-<div>
-  <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
-            class="t-input__inner"
-            placeholder="选择时间"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-icon t-icon-time"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="time"
-              >
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <path
-                  d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M12 6.5L12 12L15 15"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'vertical'"
-                tabindex="-1"
-                type="radio"
-                value="vertical"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                垂直时间轴
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'horizontal'"
-                tabindex="-1"
-                type="radio"
-                value="horizontal"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                水平时间轴
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\customContent.tsx 1`] = `
-<div>
-  <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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </div>
-      <div
-        class="t-timeline-item__content"
-      >
-        <div>
-          事件一
-        </div>
-        <div
-          style="font-size: 12px; color: rgba(0, 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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </div>
-      <div
-        class="t-timeline-item__content"
-      >
-        <div>
-          事件二
-        </div>
-        <div
-          style="font-size: 12px; color: rgba(0, 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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </div>
-      <div
-        class="t-timeline-item__content"
-      >
-        <div>
-          事件三
-        </div>
-        <div
-          style="font-size: 12px; color: rgba(0, 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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </div>
-      <div
-        class="t-timeline-item__content"
-      >
-        <div>
-          事件四
-        </div>
-        <div
-          style="font-size: 12px; color: rgba(0, 0, 0, 0.6);"
-        >
-          事件四自定义内容
-        </div>
-        <div
-          class="t-timeline-item__label t-timeline-item__label--same"
-        >
-          2022-04-01
-        </div>
-      </div>
-    </li>
-  </ul>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\customDot.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'default'"
-                tabindex="-1"
-                type="radio"
-                value="default"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                默认样式
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'dot'"
-                tabindex="-1"
-                type="radio"
-                value="dot"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                Dot样式
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-                class="t-icon t-icon-tips t-timeline-item__dot-content t-size-m"
-                color="var(--td-brand-color)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="tips"
-                >
-                  <path
-                    d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-                class="t-icon t-icon-user t-timeline-item__dot-content t-size-m"
-                color="var(--td-brand-color)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="user"
-                >
-                  <g
-                    id="fill1"
-                  >
-                    <path
-                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                      fill="transparent"
-                    />
-                    <path
-                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                      fill="transparent"
-                    />
-                  </g>
-                  <g
-                    id="stroke1"
-                  >
-                    <path
-                      d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-                class="t-icon t-icon-heart t-timeline-item__dot-content t-size-m"
-                color="var(--td-brand-color)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="heart"
-                >
-                  <path
-                    clip-rule="evenodd"
-                    d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
-                    fill="transparent"
-                    fill-rule="evenodd"
-                    id="fill1"
-                  />
-                  <path
-                    clip-rule="evenodd"
-                    d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z"
-                    fill-rule="evenodd"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-                class="t-icon t-icon-home t-timeline-item__dot-content t-size-m"
-                color="var(--td-brand-color)"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="home"
-                >
-                  <path
-                    d="M3 10L12 2.5L21 10V21H3V10Z"
-                    fill="transparent"
-                    id="fill1"
-                  />
-                  <path
-                    d="M9 14H15V21H9V14Z"
-                    fill="transparent"
-                    id="fill2"
-                  />
-                  <path
-                    d="M9 14H15V21H9V14Z"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M3 10L12 2.5L21 10V21H3V10Z"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </div>
-            <div
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\layout.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'vertical'"
-                tabindex="-1"
-                type="radio"
-                value="vertical"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                垂直时间轴
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'horizontal'"
-                tabindex="-1"
-                type="radio"
-                value="horizontal"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                水平时间轴
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'left'"
-                tabindex="-1"
-                type="radio"
-                value="left"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                左对齐
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'alternate'"
-                tabindex="-1"
-                type="radio"
-                value="alternate"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                交错对齐
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'right'"
-                tabindex="-1"
-                type="radio"
-                value="right"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                右对齐
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="'same'"
-                tabindex="-1"
-                type="radio"
-                value="same"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                同侧
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="'alternate'"
-                tabindex="-1"
-                type="radio"
-                value="alternate"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                交错
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\loading.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <h4>
-            加载中
-          </h4>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\reverse.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <h4>
-            是否倒序
-          </h4>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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
-              class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-            />
-          </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\timeline\\_example\\theme.tsx 1`] = `
-<div>
-  <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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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
-          class="t-timeline-item__tail t-timeline-item__tail--theme-default"
-        />
-      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\arrow.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-outline"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      默认文字提示
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    style="margin: 0px auto; width: 500px; height: 260px; position: relative;"
-  >
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; top: 0px; left: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; top: 0px; left: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top-left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; top: 0px; right: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        top-right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; bottom: 0px; left: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; bottom: 0px; left: 70px; width: 120px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom-left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; bottom: 0px; right: 70px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        bottom-right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; left: 0px; top: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; left: 0px; top: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left-top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; left: 0px; bottom: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        left-bottom
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; right: 0px; top: 42%;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; right: 0px; top: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right-top
-      </span>
-    </button>
-    <button
-      class="t-button t-button--theme-default t-button--variant-outline"
-      style="position: absolute; right: 0px; bottom: 50px;"
-      type="button"
-    >
-      <span
-        class="t-button__text"
-      >
-        right-bottom
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\duration.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-text t-popup-open"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      定时消失
-    </span>
-  </button>
-  <div
-    class="t-popup t-tooltip t-tooltip--default t-popup--animation-enter t-popup--animation-enter-active"
-    style="position: absolute; left: 0px; top: 0px;"
-  >
-    <div
-      class="t-popup__content t-popup__content--arrow"
-    >
-      提示在5秒后消失
-      <div
-        class="t-popup__arrow"
-        style="position: absolute;"
-      />
-    </div>
-  </div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-outline"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      点击再次查看
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\lite.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                下方文字提示
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                上方文字提示
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                鼠标位置显示提示
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                无箭头文字提示
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                无投影文字提示
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                浅色模式
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                无箭头浅色模式
-              </span>
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div>
-            <div
-              class="t-button t-button--theme-default t-button--variant-outline t-is-disabled"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                不可用状态下提示
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\mouse.tsx 1`] = `
-<div>
-  <div>
-    <a
-      href="#"
-      id="testa"
-    >
-      文案比较长...
-    </a>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\no-arrow.tsx 1`] = `
-<div>
-  <button
-    class="t-button t-button--theme-default t-button--variant-outline"
-    type="button"
-  >
-    <span
-      class="t-button__text"
-    >
-      不带箭头等文字提示
-    </span>
-  </button>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\theme.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          default
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          primary
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-success t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          success
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-danger t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          danger
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-warning t-button--variant-base"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          warning
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          light
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tooltip\\_example\\trigger.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-horizontal"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <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
-            class="t-input__inner"
-            placeholder="获得焦点时触发"
-            type="text"
-            value=""
-          />
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          点击时触发
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          右击时触发
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 19 项
-          </span>
-        </div>
-        <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
-                class="t-checkbox__former"
-                data-value="'0'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容1
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容2
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容4
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容5
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'5'"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容6
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'6'"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容7
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'7'"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容8
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'8'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容9
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'9'"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容10
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'10'"
-                tabindex="-1"
-                type="checkbox"
-                value="10"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容11
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'11'"
-                tabindex="-1"
-                type="checkbox"
-                value="11"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容12
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'12'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="12"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容13
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'13'"
-                tabindex="-1"
-                type="checkbox"
-                value="13"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容14
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'14'"
-                tabindex="-1"
-                type="checkbox"
-                value="14"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容15
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'15'"
-                tabindex="-1"
-                type="checkbox"
-                value="15"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容16
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'16'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="16"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容17
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'17'"
-                tabindex="-1"
-                type="checkbox"
-                value="17"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容18
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'18'"
-                tabindex="-1"
-                type="checkbox"
-                value="18"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容19
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'19'"
-                tabindex="-1"
-                type="checkbox"
-                value="19"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容20
-                </span>
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 1 项
-          </span>
-        </div>
-        <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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容3
-                </span>
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\checked.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox t-is-indeterminate"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            3 / 20 项
-          </span>
-        </div>
-        <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
-                class="t-checkbox__former"
-                data-value="0"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容1
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-checkbox__former"
-                data-value="1"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容2
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-checkbox__former"
-                data-value="2"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容3
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-checkbox__former"
-                data-value="3"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容4
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="4"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容5
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="5"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容6
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="6"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容7
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="7"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容8
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="8"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容9
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="9"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容10
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="10"
-                tabindex="-1"
-                type="checkbox"
-                value="10"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容11
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="11"
-                tabindex="-1"
-                type="checkbox"
-                value="11"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容12
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="12"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="12"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容13
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="13"
-                tabindex="-1"
-                type="checkbox"
-                value="13"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容14
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="14"
-                tabindex="-1"
-                type="checkbox"
-                value="14"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容15
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="15"
-                tabindex="-1"
-                type="checkbox"
-                value="15"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容16
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="16"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="16"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容17
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="17"
-                tabindex="-1"
-                type="checkbox"
-                value="17"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容18
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="18"
-                tabindex="-1"
-                type="checkbox"
-                value="18"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容19
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="19"
-                tabindex="-1"
-                type="checkbox"
-                value="19"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容20
-                </span>
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline t-size-s"
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </button>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 0 项
-          </span>
-        </div>
-        <span />
-      </div>
-      <div
-        class="t-transfer__list-body"
-      >
-        <div
-          class="t-transfer__list-content narrow-scrollbar"
-        >
-          <div
-            class="t-transfer__empty"
-          >
-            <span>
-              暂无数据
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\custom.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer t-transfer__footer"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </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
-                class="t-checkbox__former"
-                data-value="'0'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容1
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容2
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容3
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容4
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容5
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'5'"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容6
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'6'"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容7
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'7'"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容8
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'8'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容9
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'9'"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容10
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'10'"
-                tabindex="-1"
-                type="checkbox"
-                value="10"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容11
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'11'"
-                tabindex="-1"
-                type="checkbox"
-                value="11"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容12
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'12'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="12"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容13
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'13'"
-                tabindex="-1"
-                type="checkbox"
-                value="13"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容14
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'14'"
-                tabindex="-1"
-                type="checkbox"
-                value="14"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容15
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'15'"
-                tabindex="-1"
-                type="checkbox"
-                value="15"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容16
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'16'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="16"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容17
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'17'"
-                tabindex="-1"
-                type="checkbox"
-                value="17"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容18
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'18'"
-                tabindex="-1"
-                type="checkbox"
-                value="18"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容19
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'19'"
-                tabindex="-1"
-                type="checkbox"
-                value="19"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          加入
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <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
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </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>
-              暂无数据
-            </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\custom-render.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 20 项
-          </span>
-        </div>
-        <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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'0'"
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'5'"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'6'"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'7'"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'8'"
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'9'"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'10'"
-                tabindex="-1"
-                type="checkbox"
-                value="10"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'11'"
-                tabindex="-1"
-                type="checkbox"
-                value="11"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'12'"
-                tabindex="-1"
-                type="checkbox"
-                value="12"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'13'"
-                tabindex="-1"
-                type="checkbox"
-                value="13"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'14'"
-                tabindex="-1"
-                type="checkbox"
-                value="14"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'15'"
-                tabindex="-1"
-                type="checkbox"
-                value="15"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'16'"
-                tabindex="-1"
-                type="checkbox"
-                value="16"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'17'"
-                tabindex="-1"
-                type="checkbox"
-                value="17"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'18'"
-                tabindex="-1"
-                type="checkbox"
-                value="18"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'19'"
-                tabindex="-1"
-                type="checkbox"
-                value="19"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span />
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 0 项
-          </span>
-        </div>
-        <span />
-      </div>
-      <div
-        class="t-transfer__list-body"
-      >
-        <div
-          class="t-transfer__list-content narrow-scrollbar"
-        >
-          <div
-            class="t-transfer__empty"
-          >
-            <span>
-              暂无数据
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\empty.tsx 1`] = `
-<div>
-  <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
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-            </label>
-            <span>
-              0 / 0 项
-            </span>
-          </div>
-          <span />
-        </div>
-        <div
-          class="t-transfer__list-body"
-        >
-          <div
-            class="t-transfer__list-content narrow-scrollbar"
-          >
-            <div
-              class="t-transfer__empty"
-            >
-              <span>
-                暂无数据
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="t-transfer__operations"
-      >
-        <div
-          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-      <div
-        class="t-transfer__list t-transfer__list-target"
-      >
-        <div
-          class="t-transfer__list-header"
-        >
-          <div>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-            </label>
-            <span>
-              0 / 0 项
-            </span>
-          </div>
-          <span />
-        </div>
-        <div
-          class="t-transfer__list-body"
-        >
-          <div
-            class="t-transfer__list-content narrow-scrollbar"
-          >
-            <div
-              class="t-transfer__empty"
-            >
-              <span>
-                暂无数据
-              </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
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-            </label>
-            <span>
-              0 / 0 项
-            </span>
-          </div>
-          <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
-          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-        <div
-          class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-          disabled=""
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            <svg
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </span>
-        </div>
-      </div>
-      <div
-        class="t-transfer__list t-transfer__list-target"
-      >
-        <div
-          class="t-transfer__list-header"
-        >
-          <div>
-            <label
-              class="t-checkbox"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                tabindex="-1"
-                type="checkbox"
-                value=""
-              />
-              <span
-                class="t-checkbox__input"
-              />
-            </label>
-            <span>
-              0 / 0 项
-            </span>
-          </div>
-          <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\pagination.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer t-transfer__pagination"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 20 项
-          </span>
-        </div>
-        <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"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'0'"
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容1
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容2
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容3
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容4
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容5
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'5'"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容6
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'6'"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容7
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'7'"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容8
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'8'"
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容9
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'9'"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <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
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-pagination__jump"
-          >
-            跳至
-            <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"
-                  spellcheck="false"
-                  value="1"
-                >
-                  <div
-                    class="t-input t-size-s t-align-left"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder=""
-                      type="text"
-                      value="1"
-                    />
-                  </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
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 0 项
-          </span>
-        </div>
-        <span />
-      </div>
-      <div
-        class="t-transfer__list-body"
-      >
-        <div
-          class="t-transfer__list-content narrow-scrollbar"
-        >
-          <div
-            class="t-transfer__empty"
-          >
-            <span>
-              暂无数据
-            </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
-              class="t-icon t-icon-chevron-left"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-left"
-              >
-                <path
-                  d="M14.5 17.5L9 12L14.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-pagination__jump"
-          >
-            跳至
-            <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"
-                  spellcheck="false"
-                  value="1"
-                >
-                  <div
-                    class="t-input t-size-s t-align-left"
-                  >
-                    <input
-                      autocomplete="off"
-                      class="t-input__inner"
-                      placeholder=""
-                      type="text"
-                      value="1"
-                    />
-                  </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
-              class="t-icon t-icon-chevron-right"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="chevron-right"
-              >
-                <path
-                  d="M9.5 17.5L15 12L9.5 6.5"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\search.tsx 1`] = `
-<div>
-  <div
-    class="t-transfer t-transfer__search"
-  >
-    <div
-      class="t-transfer__list t-transfer__list-source"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 20 项
-          </span>
-        </div>
-        <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
-                class="t-input__inner"
-                placeholder="请输入关键词搜索"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-search"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="search"
-                  >
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M15.8027 15.8037L21.106 21.107"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </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
-                class="t-checkbox__former"
-                data-value="'0'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="0"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容1
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'1'"
-                tabindex="-1"
-                type="checkbox"
-                value="1"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容2
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'2'"
-                tabindex="-1"
-                type="checkbox"
-                value="2"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容3
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'3'"
-                tabindex="-1"
-                type="checkbox"
-                value="3"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容4
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'4'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="4"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容5
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'5'"
-                tabindex="-1"
-                type="checkbox"
-                value="5"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容6
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'6'"
-                tabindex="-1"
-                type="checkbox"
-                value="6"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容7
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'7'"
-                tabindex="-1"
-                type="checkbox"
-                value="7"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容8
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'8'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="8"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容9
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'9'"
-                tabindex="-1"
-                type="checkbox"
-                value="9"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容10
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'10'"
-                tabindex="-1"
-                type="checkbox"
-                value="10"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容11
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'11'"
-                tabindex="-1"
-                type="checkbox"
-                value="11"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容12
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'12'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="12"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容13
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'13'"
-                tabindex="-1"
-                type="checkbox"
-                value="13"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容14
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'14'"
-                tabindex="-1"
-                type="checkbox"
-                value="14"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容15
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'15'"
-                tabindex="-1"
-                type="checkbox"
-                value="15"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容16
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item t-is-disabled"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'16'"
-                disabled=""
-                tabindex="-1"
-                type="checkbox"
-                value="16"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容17
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'17'"
-                tabindex="-1"
-                type="checkbox"
-                value="17"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容18
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'18'"
-                tabindex="-1"
-                type="checkbox"
-                value="18"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容19
-                </span>
-              </span>
-            </label>
-            <label
-              class="t-checkbox t-transfer__list-item"
-              tabindex="0"
-            >
-              <input
-                class="t-checkbox__former"
-                data-value="'19'"
-                tabindex="-1"
-                type="checkbox"
-                value="19"
-              />
-              <span
-                class="t-checkbox__input"
-              />
-              <span
-                class="t-checkbox__label"
-              >
-                <span>
-                  内容20
-                </span>
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 0 项
-          </span>
-        </div>
-        <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
-                class="t-input__inner"
-                placeholder="请输入关键词搜索"
-                type="text"
-                value=""
-              />
-              <span
-                class="t-input__suffix t-input__suffix-icon"
-              >
-                <svg
-                  class="t-icon t-icon-search"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="search"
-                  >
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      fill="transparent"
-                      id="fill1"
-                    />
-                    <path
-                      d="M15.8027 15.8037L21.106 21.107"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-transfer__list-content narrow-scrollbar"
-        >
-          <div
-            class="t-transfer__empty"
-          >
-            <span>
-              暂无数据
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\transfer\\_example\\tree.tsx 1`] = `
-<div>
-  <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
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 5 项
-          </span>
-        </div>
-        <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"
-          >
-            暂无数据
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-transfer__operations"
-    >
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-right"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-right"
-            >
-              <path
-                d="M9.5 17.5L15 12L9.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-      <div
-        class="t-button t-button--theme-default t-button--variant-outline t-is-disabled t-size-s"
-        disabled=""
-        type="button"
-      >
-        <span
-          class="t-button__text"
-        >
-          <svg
-            class="t-icon t-icon-chevron-left"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="chevron-left"
-            >
-              <path
-                d="M14.5 17.5L9 12L14.5 6.5"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </span>
-      </div>
-    </div>
-    <div
-      class="t-transfer__list t-transfer__list-target"
-    >
-      <div
-        class="t-transfer__list-header"
-      >
-        <div>
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-          </label>
-          <span>
-            0 / 0 项
-          </span>
-        </div>
-        <span />
-      </div>
-      <div
-        class="t-transfer__list-body"
-      >
-        <div
-          class="t-transfer__list-content narrow-scrollbar"
-        >
-          <div
-            class="t-transfer__empty"
-          >
-            <span>
-              暂无数据
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\activable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-tree t-tree--hoverable t-tree--transition"
-  >
-    暂无数据
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\checkable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                  class="t-radio t-is-checked"
-                  tabindex="0"
-                >
-                  <input
-                    checked=""
-                    class="t-radio__former"
-                    data-value="'onlyLeaf'"
-                    tabindex="-1"
-                    type="radio"
-                    value="onlyLeaf"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <span
-                    class="t-radio__label"
-                  >
-                    onlyLeaf
-                  </span>
-                </label>
-                <label
-                  class="t-radio"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio__former"
-                    data-value="'parentFirst'"
-                    tabindex="-1"
-                    type="radio"
-                    value="parentFirst"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <span
-                    class="t-radio__label"
-                  >
-                    parentFirst
-                  </span>
-                </label>
-                <label
-                  class="t-radio"
-                  tabindex="0"
-                >
-                  <input
-                    class="t-radio__former"
-                    data-value="'all'"
-                    tabindex="-1"
-                    type="radio"
-                    value="all"
-                  />
-                  <span
-                    class="t-radio__input"
-                  />
-                  <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"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\controlled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value="1.1.1.1, 1.1.1.2"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value="1, 1.1, 1.1.1, 2"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value="2"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="2"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--checkable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\disabled.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\draggable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\empty.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--transition"
-      >
-        暂无数据
-      </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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-all.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `
-<div>
-  <div
-    class="t-tree t-tree--hoverable t-tree--transition"
-  >
-    暂无数据
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\expand-mutex.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\filter.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
-      >
-        暂无数据
-      </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value=""
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--transition t-tree--block-node"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\icon.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-      >
-        暂无数据
-      </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"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\label.tsx 1`] = `
-<div>
-  <div
-    class="t-tree t-tree--transition"
-  >
-    暂无数据
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\lazy.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          可选: 
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          严格模式: 
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-switch t-is-checked t-size-m"
-            role="switch"
-            type="button"
-          >
-            <span
-              class="t-switch__handle"
-            />
-            <div
-              class="t-switch__content"
-            />
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\line.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3>
-        render
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\load.tsx 1`] = `
-<div>
-  <div
-    class="t-tree t-tree--hoverable t-tree--transition"
-  >
-    暂无数据
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\operations.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <style>
-        .tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}
-      </style>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                严格模式
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                允许多个节点同时高亮
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                插入节点使用高亮节点
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <span>
-                子节点展开触发父节点展开
-              </span>
-            </div>
-            <div
-              class="t-space-item"
-            >
-              <button
-                class="t-switch t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <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"
-              spellcheck="false"
-              value=""
-            >
-              <div
-                class="t-input t-align-left"
-              >
-                <input
-                  class="t-input__inner"
-                  placeholder="请输入"
-                  type="text"
-                  value=""
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取 value 为 'node1' 的单个节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取所有节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点的所有子节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取所有高亮节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点下的选中节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              插入一个根节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点的父节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点的所有父节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点在子节点中的位置
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              选中高亮节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              展开高亮节点
-            </span>
-          </button>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              获取高亮节点与其子节点的数据
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <strong>
-            * 相关信息通过控制台输出
-          </strong>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\state.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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"
-      >
-        暂无数据
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <h3
-        class="title"
-      >
-        api:
-      </h3>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="operations"
-      >
-        <button
-          class="t-button t-button--theme-primary t-button--variant-base"
-          type="button"
-        >
-          <span
-            class="t-button__text"
-          >
-            插入一个根节点
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\sync.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 100%; gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value="{1.1.1.1}, {1.1.1.2}"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value="{1}, {1.1}, {1.1.1}, {2}"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              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"
-          spellcheck="false"
-          value="{2}"
-        >
-          <div
-            class="t-input t-align-left"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请输入"
-              type="text"
-              value="{2}"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree t-tree--checkable t-tree--transition"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree\\_example\\vscroll.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </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
-                class="t-switch t-is-checked t-size-m"
-                role="switch"
-                type="button"
-              >
-                <span
-                  class="t-switch__handle"
-                />
-                <div
-                  class="t-switch__content"
-                />
-              </button>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-primary t-button--variant-base"
-        type="button"
-      >
-        <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;"
-      >
-        暂无数据
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-tree-select t-select-input"
-    style="width: 300px;"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value="广东省"
-    >
-      <div
-        class="t-input t-align-left t-input--suffix"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="请选择"
-          readonly=""
-          type="text"
-          value="广东省"
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\collapsed.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 300px; gap: 16px;"
-  >
-    <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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  +
-                  1
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span
-                  title="更多..."
-                >
-                  更多...
-                </span>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\filterable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 300px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'default'"
-            tabindex="-1"
-            type="radio"
-            value="default"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            默认
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'function'"
-            tabindex="-1"
-            type="radio"
-            value="function"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            自定义方法
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree-select t-select-input t-select-input--empty"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <div
-            class="t-input t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            />
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            >
-              请选择
-            </span>
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\lazy.tsx 1`] = `
-<div>
-  <div
-    style="width: 300px;"
-  >
-    <div
-      class="t-tree-select t-select-input"
-    >
-      <div
-        class="t-input__wrap"
-        spellcheck="false"
-        value=""
-      >
-        <div
-          class="t-input t-align-left t-input--suffix"
-        >
-          <input
-            class="t-input__inner"
-            placeholder="请选择"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <span
-            class="t-input__suffix t-input__suffix-icon"
-          >
-            <svg
-              class="t-fake-arrow"
-              fill="none"
-              height="16"
-              viewBox="0 0 16 16"
-              width="16"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                stroke="black"
-                stroke-opacity="0.9"
-                stroke-width="1.3"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\multiple.tsx 1`] = `
-<div>
-  <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"
-      spellcheck="false"
-      value=""
-    >
-      <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
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-tag t-tag--default t-tag--dark"
-          >
-            <span
-              title="深圳市"
-            >
-              深圳市
-            </span>
-            <svg
-              class="t-icon t-icon-close t-tag__icon-close"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="close"
-              >
-                <path
-                  d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-        <input
-          class="t-input__inner t-input--soft-hidden"
-          placeholder=""
-          readonly=""
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__input-pre"
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\panelContent.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 300px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree-select t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="广州市"
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              type="text"
-              value="广州市"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\prefix.tsx 1`] = `
-<div>
-  <div
-    class="t-tree-select t-select-input"
-    style="width: 300px;"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-align-left t-input--prefix t-input--suffix"
-      >
-        <div
-          class="t-input__prefix"
-        >
-          <svg
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <input
-          class="t-input__inner"
-          placeholder="请输入"
-          readonly=""
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\prefixsuffix.tsx 1`] = `
-<div>
-  <div
-    class="t-tree-select t-select-input t-select-input--empty"
-    style="width: 300px;"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value=""
-    >
-      <div
-        class="t-input t-align-left t-input--prefix t-input--suffix"
-      >
-        <div
-          class="t-input__prefix"
-        >
-          <svg
-            class="t-icon t-icon-user"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="user"
-            >
-              <g
-                id="fill1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  fill="transparent"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  fill="transparent"
-                />
-              </g>
-              <g
-                id="stroke1"
-              >
-                <path
-                  d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <path
-                  d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <input
-          class="t-input__inner"
-          placeholder="请输入"
-          readonly=""
-          type="text"
-          value=""
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-icon t-icon-caret-down-small"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <path
-              d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"
-              fill="currentColor"
-              id="caret-down-small"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\props.tsx 1`] = `
-<div>
-  <div
-    class="t-tree-select t-select-input"
-    style="width: 300px;"
-  >
-    <div
-      class="t-input__wrap"
-      spellcheck="false"
-      value="深圳市"
-    >
-      <div
-        class="t-input t-align-left t-input--suffix"
-      >
-        <input
-          class="t-input__inner"
-          placeholder="请选择"
-          readonly=""
-          type="text"
-          value="深圳市"
-        />
-        <span
-          class="t-input__suffix t-input__suffix-icon"
-        >
-          <svg
-            class="t-fake-arrow"
-            fill="none"
-            height="16"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-              stroke="black"
-              stroke-opacity="0.9"
-              stroke-width="1.3"
-            />
-          </svg>
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\valuedisplay.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 300px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree-select t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value=" "
-        >
-          <div
-            class="t-input t-align-left t-input--prefix t-input--suffix"
-          >
-            <div
-              class="t-input__prefix"
-            >
-              广州市(guangzhou)
-            </div>
-            <input
-              class="t-input__inner"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=" "
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span>
-                  深圳市
-                  (
-                  shenzhen
-                  )
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\tree-select\\_example\\valuetype.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="width: 300px; gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-tree-select t-select-input"
-      >
-        <div
-          class="t-input__wrap"
-          spellcheck="false"
-          value="深圳市"
-        >
-          <div
-            class="t-input t-align-left t-input--suffix"
-          >
-            <input
-              class="t-input__inner"
-              placeholder="请选择"
-              readonly=""
-              type="text"
-              value="深圳市"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </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"
-          spellcheck="false"
-          value=""
-        >
-          <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
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-              <div
-                class="t-tag t-tag--default t-tag--dark"
-              >
-                <span
-                  title="深圳市"
-                >
-                  深圳市
-                </span>
-                <svg
-                  class="t-icon t-icon-close t-tag__icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-            <input
-              class="t-input__inner t-input--soft-hidden"
-              placeholder=""
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="t-input__input-pre"
-            />
-            <span
-              class="t-input__suffix t-input__suffix-icon"
-            >
-              <svg
-                class="t-fake-arrow"
-                fill="none"
-                height="16"
-                viewBox="0 0 16 16"
-                width="16"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M3.75 5.7998L7.99274 10.0425L12.2361 5.79921"
-                  stroke="black"
-                  stroke-opacity="0.9"
-                  stroke-width="1.3"
-                />
-              </svg>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\base.tsx 1`] = `
-<div>
-  <h1
-    class="t-typography"
-  >
-    What is TDesign
-  </h1>
-  <span
-    class="t-typography"
-  >
-    <mark>
-      TDesign is an enterprise-level design system accumulated by Tencent'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
-    class="t-space t-space-vertical"
-    style="gap: 12px;"
-  >
-    <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\copyable.tsx 1`] = `
-<div>
-  <span
-    class=""
-  >
-    This is a copyable text.
-    <button
-      class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-copy"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="copy"
-        >
-          <path
-            d="M10 10H21V21H10z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M10 10H21V21H10V10Z"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-          <path
-            d="M14 6.5V3L3 3L3 14H6.5"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </span>
-  <br />
-  <div
-    class=""
-    style="display: inline-block; width: 50%;"
-  >
-    <span
-      class="t-typography-ellipsis"
-      width="0"
-    >
-      <span
-        style="display: block; max-width: unset;"
-      />
-      <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' roles.
-      </span>
-      <span
-        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
-      >
-        <span
-          class="t-typography-ellipsis-symbol-wrapper"
-        >
-          ...
-          <span
-            class="t-typography-ellipsis-symbol"
-          />
-        </span>
-      </span>
-    </span>
-  </div>
-  <button
-    class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
-    type="button"
-  >
-    <svg
-      class="t-icon t-icon-copy"
-      fill="none"
-      height="1em"
-      style="fill: none;"
-      viewBox="0 0 24 24"
-      width="1em"
-    >
-      <g
-        id="copy"
-      >
-        <path
-          d="M10 10H21V21H10z"
-          fill="transparent"
-          id="fill1"
-        />
-        <path
-          d="M10 10H21V21H10V10Z"
-          id="stroke1"
-          stroke="currentColor"
-          stroke-linecap="square"
-          stroke-width="2"
-        />
-        <path
-          d="M14 6.5V3L3 3L3 14H6.5"
-          id="stroke2"
-          stroke="currentColor"
-          stroke-linecap="square"
-          stroke-width="2"
-        />
-      </g>
-    </svg>
-  </button>
-  <br />
-  <span
-    class=""
-  >
-    This is a copyable long text with custom suffix.
-    <button
-      class="t-button t-button--theme-primary t-button--variant-text t-button--shape-square"
-      type="button"
-    >
-      <svg
-        class="t-icon t-icon-angry"
-        fill="none"
-        height="1em"
-        style="fill: none;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="angry"
-        >
-          <path
-            d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-            fill="transparent"
-            id="fill1"
-          />
-          <path
-            d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-          <path
-            d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16"
-            id="stroke2"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </button>
-  </span>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\ellipsis.tsx 1`] = `
-<div>
-  <div
-    class="t-typography"
-  >
-    <span
-      class="t-typography-ellipsis"
-      width="0"
-    >
-      <span
-        style="display: block; max-width: unset;"
-      />
-      <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' roles.
-      </span>
-      <span
-        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
-      >
-        <span
-          class="t-typography-ellipsis-symbol-wrapper"
-        >
-          ...
-          <span
-            class="t-typography-ellipsis-symbol"
-          />
-        </span>
-      </span>
-    </span>
-  </div>
-  <div
-    class="t-typography"
-  >
-    <span
-      class="t-typography-ellipsis"
-      width="0"
-    >
-      <span
-        style="display: block; max-width: unset;"
-      />
-      <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' roles.
-      </span>
-      <span
-        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
-      >
-        <span
-          class="t-typography-ellipsis-symbol-wrapper"
-        >
-          ...
-          <span
-            class="t-typography-ellipsis-symbol"
-          >
-            <button
-              class="t-button t-button--theme-primary t-button--variant-text"
-              style="padding: 0px; height: 1em;"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                more
-              </span>
-            </button>
-          </span>
-        </span>
-      </span>
-    </span>
-  </div>
-  <div
-    class=""
-    style="width: 300px; display: block;"
-  >
-    <span
-      class="t-typography-ellipsis"
-      width="0"
-    >
-      <span
-        style="display: block; max-width: unset;"
-      />
-      <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' roles.
-      </span>
-      <span
-        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
-      >
-        <span
-          class="t-typography-ellipsis-symbol-wrapper"
-        >
-          <span
-            class="t-trigger"
-          >
-            ...
-          </span>
-          <span
-            class="t-typography-ellipsis-symbol"
-          />
-        </span>
-      </span>
-    </span>
-  </div>
-  <div
-    class="t-typography"
-  >
-    <span
-      class="t-typography-ellipsis"
-      width="0"
-    >
-      <span
-        style="display: block; max-width: unset;"
-      />
-      <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' roles.
-      </span>
-      <span
-        style="position: fixed; visibility: hidden; top: 0px; left: 0px;"
-      >
-        <span
-          class="t-typography-ellipsis-symbol-wrapper"
-        >
-          ...
-          <span
-            class="t-typography-ellipsis-symbol"
-          >
-            <span>
-              <svg
-                class="t-icon t-icon-chevron-down"
-                fill="none"
-                height="1em"
-                style="fill: none; margin-left: 4px; font-size: 16px;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="chevron-down"
-                >
-                  <path
-                    d="M17.5 9.5L12 15L6.5 9.5"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-            </span>
-          </span>
-        </span>
-      </span>
-    </span>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\text.tsx 1`] = `
-<div>
-  <div
-    class="t-space vertical-demo t-space-vertical"
-    style="gap: 12px;"
-  >
-    <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\typography\\_example\\title.tsx 1`] = `
-<div>
-  <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>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\base.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-radio-group t-size-m t-radio-group--filled"
-          >
-            <label
-              class="t-radio-button t-is-checked"
-              tabindex="0"
-            >
-              <input
-                checked=""
-                class="t-radio-button__former"
-                data-value="false"
-                tabindex="-1"
-                type="radio"
-                value="0"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                单文件上传
-              </span>
-            </label>
-            <label
-              class="t-radio-button"
-              tabindex="0"
-            >
-              <input
-                class="t-radio-button__former"
-                data-value="true"
-                tabindex="-1"
-                type="radio"
-                value="1"
-              />
-              <span
-                class="t-radio-button__input"
-              />
-              <span
-                class="t-radio-button__label"
-              >
-                多文件上传
-              </span>
-            </label>
-            <div
-              class="t-radio-group__bg-block"
-              style="width: 0px; height: 0px; left: 0px; top: 0px;"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              禁用状态
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-          >
-            <input
-              hidden=""
-              type="file"
-            />
-            <div
-              class="t-upload__single t-upload__single-file"
-            >
-              <div
-                class="t-upload__trigger"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-outline"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-upload"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="upload"
-                    >
-                      <path
-                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M20.5 15V20H3.5V15"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-button__text"
-                  >
-                    选择文件
-                  </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
-              hidden=""
-              type="file"
-            />
-            <div
-              class="t-upload__single t-upload__single-file"
-            >
-              <div
-                class="t-upload__trigger"
-              >
-                <button
-                  class="t-button t-button--theme-primary t-button--variant-base"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-upload"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="upload"
-                    >
-                      <path
-                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M20.5 15V20H3.5V15"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-button__text"
-                  >
-                    重新选择
-                  </span>
-                </button>
-              </div>
-              <div
-                class="t-upload__single-display-text t-upload__display-text--margin"
-              >
-                <a
-                  class="t-upload__single-name t-link t-link--theme-default t-size-s t-link--hover-color"
-                  href="https://tdesign.gtimg.com/site/source/figma-pc.png"
-                  target="_blank"
-                >
-                  这是一个默认文件
-                </a>
-                <svg
-                  class="t-icon t-icon-close t-upload__icon-delete"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-            style="margin-left: 60px;"
-          >
-            <input
-              hidden=""
-              type="file"
-            />
-            <div
-              class="t-upload__single t-upload__single-file"
-            >
-              <div
-                class="t-upload__trigger"
-              >
-                <button
-                  class="t-button t-button--theme-default t-button--variant-outline"
-                  type="button"
-                >
-                  <svg
-                    class="t-icon t-icon-upload"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <g
-                      id="upload"
-                    >
-                      <path
-                        d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                        id="stroke1"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                      <path
-                        d="M20.5 15V20H3.5V15"
-                        id="stroke2"
-                        stroke="currentColor"
-                        stroke-linecap="square"
-                        stroke-width="2"
-                      />
-                    </g>
-                  </svg>
-                  <span
-                    class="t-button__text"
-                  >
-                    选择文件
-                  </span>
-                </button>
-              </div>
-              <small
-                class="t-upload__tips t-size-s t-upload__placeholder"
-              >
-                文件上传失败示例
-              </small>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\custom-drag.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <button
-        class="t-button t-button--theme-default t-button--variant-outline"
-        type="button"
-      >
-        <svg
-          class="t-icon t-icon-cloud-upload"
-          fill="none"
-          height="1em"
-          style="fill: none;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="cloud-upload"
-          >
-            <path
-              d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M8 15L12 11L16 15M12 22V12.25"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        <span
-          class="t-button__text"
-        >
-          点击上传
-        </span>
-      </button>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-upload"
-      >
-        <input
-          hidden=""
-          type="file"
-        />
-        <div
-          class="t-upload__dragger t-upload__dragger-center"
-        >
-          <div
-            class="t-upload__trigger"
-          >
-            <button
-              class="t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                自定义拖拽区域
-              </span>
-            </button>
-            <br />
-            <br />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\draggable.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div>
-        是否自动上传：
-        <button
-          class="t-switch t-size-m"
-          role="switch"
-          type="button"
-        >
-          <span
-            class="t-switch__handle"
-          />
-          <div
-            class="t-switch__content"
-          />
-        </button>
-      </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-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'file'"
-            tabindex="-1"
-            type="radio"
-            value="file"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            文件拖拽上传
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'image'"
-            tabindex="-1"
-            type="radio"
-            value="image"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            图片拖拽上传
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <br />
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-          >
-            <input
-              hidden=""
-              type="file"
-            />
-            <div
-              class="t-upload__dragger t-upload__dragger-center"
-            >
-              <div
-                class="t-upload__trigger"
-              >
-                <div>
-                  <span
-                    class="t-upload--highlight"
-                  >
-                    点击上传
-                  </span>
-                  <span>
-                      /  
-                    拖拽到此区域
-                  </span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-          >
-            <input
-              hidden=""
-              type="file"
-            />
-            <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
-                      class="t-icon t-icon-check-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </div>
-                  <small
-                    class="t-size-s"
-                  >
-                    文件大小
-                    ：
-                    1.0 KB
-                  </small>
-                  <small
-                    class="t-size-s"
-                  >
-                    上传日期
-                    ：
-                    2022-09-25
-                  </small>
-                  <div
-                    class="t-upload__dragger-btns"
-                  />
-                  <div
-                    class="t-upload__dragger-btns"
-                  >
-                    <a
-                      class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color"
-                    >
-                      重新选择
-                    </a>
-                    <a
-                      class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color"
-                    >
-                      删除
-                    </a>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\file-flow-list.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal t-space--break-line"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              禁用状态
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              自动上传
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              显示文件缩略图
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              允许上传同名文件
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              整体替换上传
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-          hidden=""
-          multiple=""
-          type="file"
-        />
-        <div
-          class="t-upload__flow t-upload__flow-file-flow"
-        >
-          <div
-            class="t-upload__flow-op"
-          >
-            <div
-              class="t-upload__trigger"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-outline"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-upload"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="upload"
-                  >
-                    <path
-                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20.5 15V20H3.5V15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-                <span
-                  class="t-button__text"
-                >
-                  选择文件
-                </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"
-            >
-              点击上方“选择文件”或将文件拖拽到此区域
-            </div>
-          </div>
-          <div
-            class="t-upload__flow-bottom"
-          >
-            <div
-              class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                取消上传
-              </span>
-            </div>
-            <div
-              class="t-upload__continue t-button t-button--theme-primary t-button--variant-base t-is-disabled"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                点击上传
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\image.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              禁用状态
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              多个文件一个请求上传
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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-space t-space-vertical"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-space t-space-horizontal"
-            style="gap: 16px;"
-          >
-            <div
-              class="t-space-item"
-            >
-              <div
-                class="t-upload"
-              >
-                <input
-                  accept="image/*"
-                  hidden=""
-                  type="file"
-                />
-                <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
-                          class="t-icon t-icon-add"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add"
-                          >
-                            <path
-                              d="M12 5L12 19M19 12L5 12"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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
-                  accept="image/*"
-                  hidden=""
-                  type="file"
-                />
-                <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
-                          class="t-icon t-icon-add"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="add"
-                          >
-                            <path
-                              d="M12 5L12 19M19 12L5 12"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </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>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-          >
-            <input
-              accept="image/*"
-              hidden=""
-              type="file"
-            />
-            <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
-                        class="t-image t-image--fit-contain t-image--position-center"
-                        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                      />
-                      <div
-                        class="t-image__loading"
-                      >
-                        <div
-                          class="t-space t-space-align-center t-space-vertical"
-                          style="gap: 8px;"
-                        >
-                          <div
-                            class="t-space-item"
-                          >
-                            <svg
-                              class="t-icon t-icon-image"
-                              fill="none"
-                              height="1em"
-                              style="fill: none; font-size: 24px;"
-                              viewBox="0 0 24 24"
-                              width="1em"
-                            >
-                              <g
-                                id="image"
-                              >
-                                <path
-                                  d="M3 21H20L9 10L3 16V21Z"
-                                  fill="transparent"
-                                  id="fill1"
-                                />
-                                <circle
-                                  cx="15.75"
-                                  cy="8.25"
-                                  fill="transparent"
-                                  id="fill2"
-                                  r="2"
-                                />
-                                <path
-                                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                  id="stroke1"
-                                  stroke="currentColor"
-                                  stroke-width="2"
-                                />
-                                <circle
-                                  cx="15.75"
-                                  cy="8.25"
-                                  id="stroke2"
-                                  r="2"
-                                  stroke="currentColor"
-                                  stroke-width="2"
-                                />
-                              </g>
-                            </svg>
-                          </div>
-                          <div
-                            class="t-space-item"
-                          >
-                            图片加载中
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="t-upload__card-mask"
-                    >
-                      <span
-                        class="t-upload__card-mask-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-browse"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            clip-path="url(#clip0_543_7945)"
-                            id="browse"
-                          >
-                            <path
-                              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                              fill="transparent"
-                              id="fill2"
-                            />
-                            <path
-                              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                      <span
-                        class="t-upload__card-mask-item-divider"
-                      />
-                      <span
-                        class="t-upload__card-mask-item"
-                      >
-                        <svg
-                          class="t-icon t-icon-delete"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="delete"
-                          >
-                            <path
-                              d="M5 5H19L18.5 22H5.5L5 5Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <path
-                              d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <path
-                              d="M12 9V18"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </span>
-                    </div>
-                  </div>
-                  <a
-                    class="t-upload__card-name t-link t-link--theme-default t-size-s t-link--hover-color"
-                    href="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    target="_blank"
-                  >
-                    default.jpeg
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <div
-            class="t-upload"
-          >
-            <input
-              accept="image/*"
-              hidden=""
-              multiple=""
-              type="file"
-            />
-            <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
-                      class="t-icon t-icon-add"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="add"
-                      >
-                        <path
-                          d="M12 5L12 19M19 12L5 12"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-linecap="square"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                    <p
-                      class="t-size-s t-upload__add-text"
-                    >
-                      点击上传图片
-                    </p>
-                  </div>
-                </li>
-              </ul>
-            </div>
-            <small
-              class="t-upload__tips t-size-s"
-            >
-              允许选择多张图片文件上传，最多只能上传 3 张图片
-            </small>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\img-flow-list.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <div>
-            AutoUpload
-            <button
-              class="t-switch t-size-m"
-              role="switch"
-              type="button"
-            >
-              <span
-                class="t-switch__handle"
-              />
-              <div
-                class="t-switch__content"
-              />
-            </button>
-          </div>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="true"
-              tabindex="-1"
-              type="checkbox"
-              value="1"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              Show Image Name
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              data-value="true"
-              tabindex="-1"
-              type="checkbox"
-              value="1"
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-          accept="image/*"
-          hidden=""
-          multiple=""
-          type="file"
-        />
-        <div
-          class="t-upload__flow t-upload__flow-image-flow"
-        >
-          <div
-            class="t-upload__flow-op"
-          >
-            <div
-              class="t-upload__trigger"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-outline"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-upload"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="upload"
-                  >
-                    <path
-                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20.5 15V20H3.5V15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-                <span
-                  class="t-button__text"
-                >
-                  继续选择
-                </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
-                      class="t-image t-image--fit-contain t-image--position-center"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-browse"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          clip-path="url(#clip0_543_7945)"
-                          id="browse"
-                        >
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            fill="transparent"
-                            id="fill2"
-                          />
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span
-                        class="t-upload__card-mask-item-divider"
-                      />
-                    </span>
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-                <p
-                  class="t-upload__card-name t-upload__flow-status"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </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
-                      class="t-image t-image--fit-contain t-image--position-center"
-                      src="https://tdesign.gtimg.com/site/avatar.jpg"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-browse"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          clip-path="url(#clip0_543_7945)"
-                          id="browse"
-                        >
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            fill="transparent"
-                            id="fill2"
-                          />
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span
-                        class="t-upload__card-mask-item-divider"
-                      />
-                    </span>
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-                <p
-                  class="t-upload__card-name t-upload__flow-status"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                  avatar.jpg
-                </p>
-              </li>
-            </ul>
-          </div>
-          <div
-            class="t-upload__flow-bottom"
-          >
-            <div
-              class="t-upload__cancel t-button t-button--theme-default t-button--variant-base t-is-disabled"
-              disabled=""
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                取消上传
-              </span>
-            </div>
-            <button
-              class="t-upload__continue t-button t-button--theme-primary t-button--variant-base"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                点击上传
-              </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
-          hidden=""
-          type="file"
-        />
-        <div
-          class="t-upload__flow t-upload__flow-image-flow"
-        >
-          <div
-            class="t-upload__flow-op"
-          >
-            <div
-              class="t-upload__trigger"
-            >
-              <button
-                class="t-button t-button--theme-default t-button--variant-outline"
-                type="button"
-              >
-                <svg
-                  class="t-icon t-icon-upload"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
-                >
-                  <g
-                    id="upload"
-                  >
-                    <path
-                      d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                    <path
-                      d="M20.5 15V20H3.5V15"
-                      id="stroke2"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-                <span
-                  class="t-button__text"
-                >
-                  重新选择
-                </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
-                      class="t-image t-image--fit-contain t-image--position-center"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-browse"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          clip-path="url(#clip0_543_7945)"
-                          id="browse"
-                        >
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            fill="transparent"
-                            id="fill2"
-                          />
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span
-                        class="t-upload__card-mask-item-divider"
-                      />
-                    </span>
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-                <p
-                  class="t-upload__card-name t-upload__flow-status"
-                >
-                  <svg
-                    class="t-icon t-icon-check-circle-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"
-                      fill="currentColor"
-                    />
-                  </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
-                      class="t-image t-image--fit-contain t-image--position-center"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                    />
-                    <div
-                      class="t-image__loading"
-                    >
-                      <div
-                        class="t-space t-space-align-center t-space-vertical"
-                        style="gap: 8px;"
-                      >
-                        <div
-                          class="t-space-item"
-                        >
-                          <svg
-                            class="t-icon t-icon-image"
-                            fill="none"
-                            height="1em"
-                            style="fill: none; font-size: 24px;"
-                            viewBox="0 0 24 24"
-                            width="1em"
-                          >
-                            <g
-                              id="image"
-                            >
-                              <path
-                                d="M3 21H20L9 10L3 16V21Z"
-                                fill="transparent"
-                                id="fill1"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                fill="transparent"
-                                id="fill2"
-                                r="2"
-                              />
-                              <path
-                                d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                                id="stroke1"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                              <circle
-                                cx="15.75"
-                                cy="8.25"
-                                id="stroke2"
-                                r="2"
-                                stroke="currentColor"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </svg>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item"
-                    >
-                      <svg
-                        class="t-icon t-icon-browse"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          clip-path="url(#clip0_543_7945)"
-                          id="browse"
-                        >
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            fill="transparent"
-                            id="fill2"
-                          />
-                          <path
-                            d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                      <span
-                        class="t-upload__card-mask-item-divider"
-                      />
-                    </span>
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-                <p
-                  class="t-upload__card-name t-upload__flow-status"
-                >
-                  <svg
-                    class="t-icon t-icon-time-filled"
-                    fill="none"
-                    height="1em"
-                    style="fill: none;"
-                    viewBox="0 0 24 24"
-                    width="1em"
-                  >
-                    <path
-                      d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"
-                      fill="currentColor"
-                    />
-                  </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"
-                        height="1em"
-                        version="1.1"
-                        viewBox="0 0 12 12"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <foreignobject
-                          height="12"
-                          width="12"
-                          x="0"
-                          y="0"
-                        >
-                          <div
-                            class="t-loading__gradient-conic"
-                          />
-                        </foreignobject>
-                      </svg>
-                    </div>
-                    <p>
-                      上传中
-                       10%
-                    </p>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </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
-                      class="t-icon t-icon-error-circle-filled"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <path
-                        d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                    <p>
-                      上传失败
-                    </p>
-                  </div>
-                  <div
-                    class="t-upload__card-mask"
-                  >
-                    <span
-                      class="t-upload__card-mask-item t-upload__delete"
-                    >
-                      <svg
-                        class="t-icon t-icon-delete"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="delete"
-                        >
-                          <path
-                            d="M5 5H19L18.5 22H5.5L5 5Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M12 9V18"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </span>
-                  </div>
-                </div>
-                <p
-                  class="t-upload__card-name t-upload__flow-status"
-                >
-                  loading.svg
-                </p>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\request-method.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 24px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-radio-group t-size-m t-radio-group--filled"
-      >
-        <label
-          class="t-radio-button t-is-checked"
-          tabindex="0"
-        >
-          <input
-            checked=""
-            class="t-radio-button__former"
-            data-value="'requestSuccessMethod'"
-            tabindex="-1"
-            type="radio"
-            value="requestSuccessMethod"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上传成功示例
-          </span>
-        </label>
-        <label
-          class="t-radio-button"
-          tabindex="0"
-        >
-          <input
-            class="t-radio-button__former"
-            data-value="'requestFailMethod'"
-            tabindex="-1"
-            type="radio"
-            value="requestFailMethod"
-          />
-          <span
-            class="t-radio-button__input"
-          />
-          <span
-            class="t-radio-button__label"
-          >
-            上传失败示例
-          </span>
-        </label>
-        <div
-          class="t-radio-group__bg-block"
-          style="width: 0px; height: 0px; left: 0px; top: 0px;"
-        />
-      </div>
-    </div>
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-upload"
-      >
-        <input
-          hidden=""
-          type="file"
-        />
-        <div
-          class="t-upload__single t-upload__single-file"
-        >
-          <div
-            class="t-upload__trigger"
-          >
-            <button
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <svg
-                class="t-icon t-icon-upload"
-                fill="none"
-                height="1em"
-                style="fill: none;"
-                viewBox="0 0 24 24"
-                width="1em"
-              >
-                <g
-                  id="upload"
-                >
-                  <path
-                    d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15"
-                    id="stroke1"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M20.5 15V20H3.5V15"
-                    id="stroke2"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </svg>
-              <span
-                class="t-button__text"
-              >
-                选择文件
-              </span>
-            </button>
-          </div>
-          <small
-            class="t-upload__tips t-size-s t-upload__placeholder"
-          >
-            自定义上传方法需要返回成功或失败信息
-          </small>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\single-custom.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-upload"
-      >
-        <input
-          hidden=""
-          multiple=""
-          type="file"
-        />
-        <div
-          class="t-upload__trigger"
-        >
-          <button
-            class="t-button t-button--theme-primary t-button--variant-base"
-            type="button"
-          >
-            <span
-              class="t-button__text"
-            >
-              自定义上传
-            </span>
-          </button>
-        </div>
-        <small
-          class="t-upload__tips t-size-s"
-        >
-          上传文件大小在 1M 以内
-        </small>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`csr snapshot test > csr test packages\\components\\upload\\_example\\single-input.tsx 1`] = `
-<div>
-  <div
-    class="t-space t-space-vertical"
-    style="gap: 16px;"
-  >
-    <div
-      class="t-space-item"
-    >
-      <div
-        class="t-space t-space-horizontal"
-        style="gap: 16px;"
-      >
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox t-is-checked"
-            tabindex="0"
-          >
-            <input
-              checked=""
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <span
-              class="t-checkbox__label"
-            >
-              自动上传
-            </span>
-          </label>
-        </div>
-        <div
-          class="t-space-item"
-        >
-          <label
-            class="t-checkbox"
-            tabindex="0"
-          >
-            <input
-              class="t-checkbox__former"
-              tabindex="-1"
-              type="checkbox"
-              value=""
-            />
-            <span
-              class="t-checkbox__input"
-            />
-            <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
-          hidden=""
-          type="file"
-        />
-        <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
-              class="t-button t-button--theme-default t-button--variant-outline"
-              type="button"
-            >
-              <span
-                class="t-button__text"
-              >
-                选择文件
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">Affixed: <!-- -->false</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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/components/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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/breadcrumb/_example/custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/breadcrumb/_example/ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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"><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-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-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></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/components/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"><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-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-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></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/components/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"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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/components/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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-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/components/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/components/cascader/_example/custom-options.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--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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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/components/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/components/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-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/components/cascader/_example/load.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" 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/components/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/components/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/components/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/components/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-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/components/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-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-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-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/components/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-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-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/components/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-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/components/cascader/_example/value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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/components/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/components/checkbox/_example/group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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/components/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/components/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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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/components/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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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/components/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/dialog.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">Plugin 函数式调用</span></button></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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/components/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/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/custom-cell.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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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></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/components/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/components/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/components/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></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></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/components/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/components/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></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/components/descriptions/_example/table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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/components/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/components/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/components/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/components/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/components/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/components/dialog/_example/modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/divider/_example/size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/drawer/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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">暂无数据</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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">暂无数据</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/components/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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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/components/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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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-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="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="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/components/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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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/components/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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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/components/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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/components/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></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/components/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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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-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="请选择" 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/components/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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/input-number/_example/status.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;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 t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;show&#x27;" checked="" value="show"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">显示文本提示</span></label></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__value6"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value7"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value8"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value9"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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/components/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/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/list/_example/virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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/components/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/components/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/components/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/popup/_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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/components/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/components/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/components/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/components/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/components/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/components/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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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/components/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/components/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/components/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 class="t-space-item"><button id="trigger-element" 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></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/progress/_example/circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/popover.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/components/qrcode/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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></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></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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></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></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></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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-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="请选择" 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/components/select/_example/creatable.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-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: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-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/components/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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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;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="请选择" 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/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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/components/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/components/select/_example/group.tsx 1`] = `"<div style="width:800px;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-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: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-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/components/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-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 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="请选择" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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"><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" 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="请选择" 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/components/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="请选择" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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 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/components/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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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/components/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-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-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/components/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-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-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/components/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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/select/_example/remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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/components/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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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/components/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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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/components/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-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-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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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-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-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-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-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/components/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-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-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-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-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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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/components/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/components/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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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/components/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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/switch/_example/describe.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">ON</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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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/components/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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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/components/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">暂无数据</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/components/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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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/components/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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><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><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></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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/components/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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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/components/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/components/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></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></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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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/components/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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/tabs/_example/lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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/components/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/components/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-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></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-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></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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="请输入" 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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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/components/tag-input/_example/max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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/components/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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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></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/components/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/components/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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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/components/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></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></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></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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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></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/components/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-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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-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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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/components/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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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/components/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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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/components/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">选择文件</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">Affixed: <!-- -->false</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">Affixed: <!-- -->false</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/auto-complete/_example/trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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/components/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\\components\\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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/breadcrumb/_example/custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\breadcrumb\\_example\\custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/breadcrumb/_example/ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\breadcrumb\\_example\\ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/calendar/_example/base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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\\components\\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-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"><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-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-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></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/components/calendar/_example/cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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"><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-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-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></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\\components\\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"><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-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-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></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/components/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"><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-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-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></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\\components\\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"><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-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-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></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/components/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"><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-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-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></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\\components\\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"><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-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-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></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/components/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-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"><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-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-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></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\\components\\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-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"><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-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-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></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/components/calendar/_example/head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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"><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-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-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></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\\components\\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-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"><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-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-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></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/components/calendar/_example/range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/calendar/_example/week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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\\components\\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-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/components/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-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\\components\\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-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/components/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\\components\\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/components/cascader/_example/custom-options.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--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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\cascader\\_example\\custom-options.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--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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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\\components\\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-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/components/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\\components\\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/components/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\\components\\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/components/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-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\\components\\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-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/components/cascader/_example/load.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" 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\\components\\cascader\\_example\\load.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" 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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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-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\\components\\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-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/components/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-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-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-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\\components\\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-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-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-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/components/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-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-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\\components\\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-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-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/components/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-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\\components\\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-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/components/cascader/_example/value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\cascader\\_example\\value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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\\components\\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-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/components/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\\components\\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/components/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\\components\\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/components/checkbox/_example/group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\checkbox\\_example\\group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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\\components\\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/components/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\\components\\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/components/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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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/components/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\\components\\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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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\\components\\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/components/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\\components\\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/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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\\components\\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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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/components/config-provider/_example/calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\config-provider\\_example\\calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/config-provider/_example/dialog.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">Plugin 函数式调用</span></button></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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/components/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\\components\\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/components/config-provider/_example/input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\config-provider\\_example\\input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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\\components\\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/components/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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/custom-cell.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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\date-picker\\_example\\range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/date-picker/_example/range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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></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/components/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></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\\components\\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/components/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\\components\\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/components/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\\components\\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></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></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/components/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></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></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\\components\\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/components/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\\components\\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></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/components/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></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\\components\\descriptions\\_example\\table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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/components/descriptions/_example/table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\dialog\\_example\\modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/dialog/_example/modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\divider\\_example\\size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
+exports[`ssr snapshot test > ssr test packages/components/divider/_example/size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\drawer\\_example\\plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/drawer/_example/plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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">暂无数据</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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/components/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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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\\components\\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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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-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="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="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/components/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-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="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="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\\components\\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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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/components/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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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\\components\\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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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/components/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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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/components/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\\components\\form\\_example\\form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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/components/form/_example/form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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\\components\\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></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/components/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></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\\components\\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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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/components/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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\icon\\_example\\IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/icon/_example/IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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-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="请选择" 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/components/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-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="请选择" 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\\components\\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/components/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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\image-viewer\\_example\\error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/image-viewer/_example/svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\input\\_example\\disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/input/_example/disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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/components/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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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/components/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="请输入" 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="请输入" 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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/input-number/_example/status.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;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 t-is-checked" checked=""><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;show&#x27;" checked="" value="show"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">显示文本提示</span></label></div></div><div class="t-space-item"><form class="t-form"><div class="t-form__item t-form-item__value6"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--default">这是普通文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value7"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--success">校验通过文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value8"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__tips t-input__tips--warning">校验不通过文本提示</div></div></div></div></div><div class="t-form__item t-form-item__value9"><div class="t-form__label t-form__label--right" 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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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\\components\\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/components/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\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\list\\_example\\virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/list/_example/virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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/components/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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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/components/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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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/components/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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\pagination\\_example\\base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/pagination/_example/jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\pagination\\_example\\mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/pagination/_example/total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\popup\\_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/popup/_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\popup\\_example\\container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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/components/popup/_example/container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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/components/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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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\\components\\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/components/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\\components\\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/components/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\\components\\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 class="t-space-item"><button id="trigger-element" 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></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 class="t-space-item"><button id="trigger-element" 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></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\progress\\_example\\circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/progress/_example/circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\popover.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/components/qrcode/_example/popover.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\\components\\qrcode\\_example\\status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/qrcode/_example/type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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></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></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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></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></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></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></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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></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></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></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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-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="请选择" 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/components/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="请选择" 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-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="请选择" 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\\components\\select\\_example\\creatable.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-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: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-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/components/select/_example/creatable.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-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: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-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\\components\\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-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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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;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="请选择" 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/components/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-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;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="请选择" 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\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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\\components\\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/components/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\\components\\select\\_example\\group.tsx 1`] = `"<div style="width:800px;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-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: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-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/components/select/_example/group.tsx 1`] = `"<div style="width:800px;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-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: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-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\\components\\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-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 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="请选择" 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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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 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="请选择" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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"><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" 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="请选择" 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/components/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-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"><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" 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="请选择" 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\\components\\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="请选择" 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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请选择" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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 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/components/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="请选择" 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 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\\components\\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-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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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/components/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="请选择" 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\\components\\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-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-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/components/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-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-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\\components\\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-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-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/components/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-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-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\\components\\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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\select\\_example\\remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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/components/select/_example/remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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\\components\\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-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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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/components/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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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\\components\\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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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/components/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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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\\components\\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-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-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/components/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-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-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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-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-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-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-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/components/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-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-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-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-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-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\\components\\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-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-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-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-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/components/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-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-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-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-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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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\\components\\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/components/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\\components\\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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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/components/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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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\\components\\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/components/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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\swiper\\_example\\card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/swiper/_example/card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\switch\\_example\\describe.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">ON</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>"`;
+exports[`ssr snapshot test > ssr test packages/components/switch/_example/describe.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">ON</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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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/components/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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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\\components\\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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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/components/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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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/components/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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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\\components\\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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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/components/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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><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><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></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><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><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></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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/components/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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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/components/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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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\\components\\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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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/components/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></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\\components\\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/components/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\\components\\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></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></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/components/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></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></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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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/components/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\\components\\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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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/components/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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\tabs\\_example\\lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tabs/_example/lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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/components/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></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\\components\\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/components/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\\components\\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-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></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-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></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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></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-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></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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="请输入" 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/components/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="请输入" 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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/components/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\\components\\tag-input\\_example\\max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/tag-input/_example/max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\textarea\\_example\\events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/textarea/_example/events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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/components/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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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\\components\\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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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></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/components/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></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\\components\\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/components/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\\components\\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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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/components/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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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\\components\\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></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></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></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/components/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></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></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></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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\tooltip\\_example\\mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tooltip/_example/mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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/components/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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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/components/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>暂无数据</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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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/components/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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/tree/_example/operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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/components/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">暂无数据</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\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">暂无数据</div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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/components/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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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></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/components/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></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\\components\\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-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/components/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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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-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/components/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-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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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/components/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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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/components/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\\components\\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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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/components/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\\components\\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/components/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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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/components/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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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/components/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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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/components/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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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/components/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\\components\\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">选择文件</span></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test packages/components/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">选择文件</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 4c0e873ed5..117fa12532 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -1277,1279 +1277,3 @@ exports[`ssr snapshot test > ssr test packages/components/upload/_example/reques
 exports[`ssr snapshot test > ssr test packages/components/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/components/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">选择文件</span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">Affixed: <!-- -->false</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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;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;display:flex;flex-direction:column;justify-content:space-between"><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Top</span></button></div></div><div><div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Bottom</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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">FunctionPropClose</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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 class="t-tag t-tag--danger t-tag--outline"><span title="关闭">关闭</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file-copy"><path id="fill1" fill="transparent" d="M7 18V2H14V8H20V18H7Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H7V18H20V8" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M3 6L3 22H14" stroke-linecap="square" stroke-width="2"></path></g></svg></h1></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\auto-complete\\_example\\trigger-element.tsx 1`] = `"<div class="t-auto-complete"><div class="t-textarea"><textarea placeholder="自定义联想词触发元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="backtop"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5M5 5H19M12 10.25V20" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-back-top__text">TOP</span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg><span class="t-badge--dot"></span></span>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\breadcrumb\\_example\\custom-ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\breadcrumb\\_example\\ellipsis.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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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: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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div><div class="t-breadcrumb__item"><span class=""><span class="t-breadcrumb__inner" style="max-width:120px"><span class="t-breadcrumb__inner-text"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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">页面5</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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div><div style="margin-top:20px">点击计数器：<!-- -->0</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="bookmark"><path id="fill1" fill="transparent" d="M5 4H19V21L12 16L5 21V4Z"></path><path id="stroke1" stroke="currentColor" d="M5 4H19V21L12 16L5 21V4Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;opacity:.5"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="cloud-download"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 18L12 22L16 18M12 20.75V11" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Function Icon</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\calendar\\_example\\base.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\cell.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\cell-append.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\head.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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"><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-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-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></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\\components\\calendar\\_example\\range.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\slot-props-api.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\value.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\calendar\\_example\\week.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:16px"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="more"><g id="stroke1"><path stroke="currentColor" d="M11.5 4H12.5V5H11.5V4Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 19H12.5V20H11.5V19Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="share"><g id="fill1"><path fill="transparent" d="M19.4907 7.09662C20.9256 6.2682 21.4172 4.43343 20.5888 2.99855C19.7604 1.56367 17.9256 1.07204 16.4907 1.90047C15.0559 2.7289 14.5642 4.56367 15.3927 5.99855C16.2211 7.43342 18.0559 7.92505 19.4907 7.09662Z"></path><path fill="transparent" d="M16.4907 22.0986C17.9256 22.927 19.7604 22.4354 20.5888 21.0005C21.4172 19.5656 20.9256 17.7309 19.4907 16.9024C18.0559 16.074 16.2211 16.5656 15.3927 18.0005C14.5642 19.4354 15.0559 21.2701 16.4907 22.0986Z"></path><path fill="transparent" d="M6.5005 14.5966C7.93538 13.7682 8.42701 11.9334 7.59858 10.4985C6.77015 9.06367 4.93538 8.57204 3.5005 9.40047C2.06562 10.2289 1.574 12.0637 2.40242 13.4985C3.23085 14.9334 5.06562 15.4251 6.5005 14.5966Z"></path><path fill="transparent" d="M3.5005 14.5985C4.93538 15.4269 6.77015 14.9353 7.59858 13.5004C8.42701 12.0655 7.93538 10.2308 6.5005 9.40233C5.06562 8.5739 3.23085 9.06553 2.40242 10.5004C1.574 11.9353 2.06562 13.7701 3.5005 14.5985Z"></path></g><path id="stroke1" stroke="currentColor" d="M7.59863 13.501L15.3929 18.001M7.59863 10.499L15.3929 5.99902M15.3927 5.99855C14.5642 4.56367 15.0559 2.7289 16.4907 1.90047C17.9256 1.07204 19.7604 1.56367 20.5888 2.99855C21.4172 4.43343 20.9256 6.2682 19.4907 7.09662C18.0559 7.92505 16.2211 7.43342 15.3927 5.99855ZM15.3927 18.0005C16.2211 16.5656 18.0559 16.074 19.4907 16.9024C20.9256 17.7309 21.4172 19.5656 20.5888 21.0005C19.7604 22.4354 17.9256 22.927 16.4907 22.0986C15.0559 21.2701 14.5642 19.4354 15.3927 18.0005ZM7.59858 10.4985C8.42701 11.9334 7.93538 13.7682 6.5005 14.5966C5.06562 15.4251 3.23085 14.9334 2.40242 13.4985C1.574 12.0637 2.06562 10.2289 3.5005 9.40047C4.93538 8.57204 6.77015 9.06367 7.59858 10.4985ZM7.59858 13.5004C6.77015 14.9353 4.93538 15.4269 3.5005 14.5985C2.06562 13.7701 1.574 11.9353 2.40242 10.5004C3.23085 9.06553 5.06562 8.5739 6.5005 9.40233C7.93538 10.2308 8.42701 12.0655 7.59858 13.5004Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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-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\\components\\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\\components\\cascader\\_example\\custom-options.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--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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\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-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\\components\\cascader\\_example\\load.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" 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\\components\\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\\components\\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\\components\\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\\components\\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-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\\components\\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-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-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-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\\components\\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-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-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\\components\\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-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\\components\\cascader\\_example\\value-mode.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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="onlyLeaf">onlyLeaf</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="parentFirst">parentFirst</span></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></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 style="width:100px"><div class="t-tag t-tag--default t-tag--dark"><span title="all">all</span></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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\\components\\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\\components\\checkbox\\_example\\group.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"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">禁用全部</span></label></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法一：使用 options</strong></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-indeterminate"><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;北京&#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 class="t-checkbox t-is-checked t-is-disabled" checked=""><input type="checkbox" class="t-checkbox__former" disabled="" tabindex="-1" data-value="&#x27;广州&#x27;" checked="" value="广州"/><span class="t-checkbox__input"></span><span class="t-checkbox__label">广州</span></label></div></div></div></div><div class="t-space-item"><div class="t-divider t-divider--horizontal"></div></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><strong>写法二：使用插槽</strong></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-indeterminate"><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;北京&#x27;" value="北京"/><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;上海&#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></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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\\components\\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\\components\\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></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-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="#0052d9cc" spellcheck="false"><div class="t-input t-size-s t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" value="#0052d9cc"/></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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></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-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\\components\\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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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-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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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\\components\\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\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path id="caret-right-small" fill="currentColor" d="M14.9999 12L9.49988 6.5L9.49988 17.5L14.9999 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="fill:none;font-size:16px"><g id="thumb-up"><path id="fill1" fill="transparent" d="M8 11L11.5 2.5L11.9932 2.5822C13.4398 2.82329 14.5 4.07486 14.5 5.54138V9H20.8195C21.4375 9 21.9075 9.55487 21.8059 10.1644L20.1393 20.1644C20.0589 20.6466 19.6417 21 19.1529 21H8V11Z"></path><path id="stroke1" stroke="currentColor" d="M3 21V11M8 11V21H19.1529C19.6417 21 20.0589 20.6466 20.1393 20.1644L21.8059 10.1644C21.9075 9.55487 21.4375 9 20.8195 9H14.5V5.54138C14.5 4.07486 13.4398 2.82329 11.9932 2.5822L11.5 2.5L8 11Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:16px"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span>回复</span></span></button></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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\\components\\config-provider\\_example\\calendar.tsx 1`] = `"<div class="t-calendar t-calendar--full"><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-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-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></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\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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-dialog__cancel t-button t-button--theme-default t-button--variant-outline"><span class="t-button__text">cancel</span></button><button type="button" class="t-dialog__confirm 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\\components\\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\\components\\config-provider\\_example\\input.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-align-left"><input placeholder="Always show clear icon when input has value" type="text" class="t-input__inner" value=""/></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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-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-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-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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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-circle t-tag__icon-close" style="fill:none"><g id="close-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15.1813 8.81836L11.9997 12M11.9997 12L8.81738 15.1823M11.9997 12L15.1813 15.1816M11.9997 12L8.81738 8.81768" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump"><input class="t-input__inner" type="text" style="width:10px" value="1"/><span> / <!-- -->4<!-- --> 页 </span><button> 跳转 </button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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="fill:none;font-size:18px"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></svg></div></div></div></div></div></div></th></tr></thead><tbody class="t-table__body"><tr><td>Array</td><td>Vue(PC)</td><td>A</td></tr><tr><td>String</td><td>React(PC)</td><td>B</td></tr><tr><td>Object</td><td>Miniprogram</td><td>C</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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-lock-on" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="禁用最近 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择月份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择月份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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><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">确定</span></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 t-date-range-picker__panel--switch-mode"><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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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-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 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-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-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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-left" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><button title="当前" 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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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 t-size-s"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div><div class="t-date-picker__table"><table><thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</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 class="t-date-picker__footer t-date-picker__footer--bottom"><div class="t-date-picker__presets"></div><div><button style="margin-right:16px" type="button" class="t-button t-button--theme-primary t-button--variant-text t-size-s"><span class="t-button__text">选择时间</span></button><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">确定</span></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择季度" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择季度" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\date-picker\\_example\\range.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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2000-2010之间的日期" 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="2000-2010之间的日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="2026开始，不限制结束" 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="2026开始，不限制结束" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="未来 90 天" 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="未来 90 天" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择周" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择周" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择年份" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请选择年份" 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-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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></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\\components\\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\\components\\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\\components\\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></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></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\\components\\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\\components\\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></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\\components\\descriptions\\_example\\table-layout.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="&#x27;fixed&#x27;" checked="" value="fixed"/><span class="t-radio__input"></span><span class="t-radio__label">fixed</span></label><label tabindex="0" class="t-radio"><input type="radio" class="t-radio__former" tabindex="-1" data-value="&#x27;auto&#x27;" value="auto"/><span class="t-radio__input"></span><span class="t-radio__label">auto</span></label></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--fixed 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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\dialog\\_example\\modal.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-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-primary t-button--variant-outline"><span class="t-button__text">非模态对话框（可拖拽）</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\divider\\_example\\size.tsx 1`] = `"<p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--horizontal" style="margin:20px 0"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p><div class="t-divider t-divider--vertical" style="margin:0 20px"></div><p>通过高效广告平台，协助品牌和市场营销者触达数以亿计的中国消费者通过金融科技及企业服务，促进合作伙伴业务发展，助力实现数字化升级，我们大力投资于人才队伍和推动科技创新，积极参与互联网行业协同发展。</p>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\drawer\\_example\\plugin.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><p>函数调用方式一：DrawerPlugin(options)</p></div><div class="t-space-item"><p>函数调用方式二：drawer(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">DrawerPlugin</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">drawer</span></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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">暂无数据</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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">暂无数据</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\\components\\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="fill:none;font-size:64px" color="var(--td-text-color-placeholder)"><g id="error-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V13M12 16.5H12.0039V16.5039H12V16.5Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-empty__title">暂无数据</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">暂无数据</div><div class="t-empty__description">暂无数据</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">建设中</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">网络错误</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">成功</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">失败</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="请输入" 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\\components\\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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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>密码</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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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-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="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="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\\components\\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></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="请输入" 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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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-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-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-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></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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-calendar" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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="简单描述自己的经历" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default 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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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\\components\\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></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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div><div class="t-form__item t-form-item__email"><div class="t-form__label t-form__label--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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-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><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="请输入" 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--required t-form__label--right" 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="请输入" 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\\components\\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\\components\\form\\_example\\form-list.tsx 1`] = `"<form class="t-form"><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_0_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-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-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><div class="t-form__item t-form-item__task_0_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><div style="margin-right:8px" 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">上移</span></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">下移</span></button></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task"><div class="t-form__controls"><div class="t-form__controls-content"><div class="t-form__item t-form-item__task_1_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-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-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><div class="t-form__item t-form-item__task_1_notes"><div class="t-form__label t-form__label--right" 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="请输入" type="text" class="t-input__inner" value="排期中"/></div></div></div></div></div><div class="t-form__item t-form-item__task"><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-minus-circle" style="fill:none;cursor:pointer;margin-right:12px;font-size:20px"><g id="minus-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-space-item"><button style="margin-right:8px" 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"><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">下移</span></div></div></div></div></div></div></div></div></div><div class="t-form__item t-form-item__task" 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="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></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-default t-button--variant-base"><span class="t-button__text">提交</span></button><button style="margin-left:12px" type="reset" 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\\components\\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></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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></form></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="desktop"><path id="fill1" fill="transparent" d="M2 4H22V17H2V4Z"></path><path id="stroke1" stroke="currentColor" d="M12 17V21M8 21H16M2 4H22V17H2V4Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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-align-left t-input--suffix"><input placeholder="请选择日期" 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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></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\\components\\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></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\\components\\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--required t-form__label--right" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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="请输入" 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--required t-form__label--right" 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="请输入" type="password" 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-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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--required t-form__label--right" 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></div></div></div><div class="t-form__item t-form-item__gender"><div class="t-form__label t-form__label--required t-form__label--right" 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--required t-form__label--right" 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="请输入" 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--required t-form__label--right" 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></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\\components\\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--required t-form__label--right" 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></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--required t-form__label--right" 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></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="请输入" 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--required t-form__label--right" 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--required t-form__label--right" 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></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="请输入" 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="fill:none;color:unset;font-size:25px" name="add-rectangle"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="fill:none;color:unset;font-size:25px" name="help-circle"><g id="help-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12.0002 14.25V14C12.0002 12.8954 12.9877 12.0414 13.8553 11.3578C14.5525 10.8085 15.0002 9.95652 15.0002 9C15.0002 7.34315 13.657 6 12.0002 6C10.694 6 9.58273 6.83481 9.1709 8M12.0002 17.25H12.0041V17.2539H12.0002V17.25Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\icon\\_example\\IconExample.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:75%" class="t-slider__track"></div><div style="left:75%" 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 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" style="fill:none"><g id="letters-t"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H7.5M12 5H16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-d"><path id="stroke1" stroke="currentColor" d="M8 19V5H15C15.5523 5 16 5.44772 16 6V18C16 18.5523 15.5523 19 15 19H8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-e"><path id="stroke1" stroke="currentColor" d="M16 5H9C8.44772 5 8 5.44772 8 6V12M8 12H16M8 12V18C8 18.5523 8.44772 19 9 19H16" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-s"><path id="stroke1" stroke="currentColor" d="M16 5H9.5C8.94772 5 8.5 5.44772 8.5 6V11C8.5 11.5523 8.94772 12 9.5 12H14.5C15.0523 12 15.5 12.4477 15.5 13V18C15.5 18.5523 15.0523 19 14.5 19H8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-i"><path id="stroke1" stroke="currentColor" d="M12 5V19M12 5H9.5M12 5H14.5M12 19H14.5M12 19H9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-g"><path id="stroke1" stroke="currentColor" d="M15 5H8.5C8.22386 5 8 5.22386 8 5.5V18.5C8 18.7761 8.22386 19 8.5 19H16V12H12.8" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="letters-n"><path id="stroke1" stroke="currentColor" d="M7.5 19L7.5 5L15.5 5C16.0523 5 16.5 5.44772 16.5 6L16.5 19" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-checkbox"><path id="fill1" fill="#bbd3fb" d="M10 10L21 10V21H10L10 10Z"></path><path id="stroke1" stroke="currentColor" d="M10 10L21 10V21H10L10 10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M14 6.5V3H3V14H6.5M18 14L15 17L13.5 15.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-breadcrumb"><path id="fill1" fill="#bbd3fb" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z"></path><path id="stroke1" stroke="currentColor" d="M14 12L9.49999 7.5L3 7.5L3 16.5L9.5 16.5L14 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M16 7.5L20.5 12L16 16.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-input"><path id="fill1" fill="#bbd3fb" d="M21 8L3 8L3 15L21 15V8Z"></path><path id="stroke1" stroke="currentColor" d="M7 11V12M3 8H21V15H3V8Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-switch"><path id="fill1" fill="#bbd3fb" d="M12 12C12 14.4853 9.98528 16.5 7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5C9.98528 7.5 12 9.51472 12 12Z"></path><path id="stroke1" stroke="currentColor" d="M7.5 16.5H16.5C18.9853 16.5 21 14.4853 21 12C21 9.51472 18.9853 7.5 16.5 7.5H7.5M7.5 16.5C5.01472 16.5 3 14.4853 3 12C3 9.51472 5.01472 7.5 7.5 7.5M7.5 16.5C9.98528 16.5 12 14.4853 12 12C12 9.51472 9.98528 7.5 7.5 7.5" stroke-width="2"></path></g></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" style="fill:none"><g id="component-dropdown"><path id="fill1" fill="#bbd3fb" d="M3 3H21V8H3V3Z"></path><path id="stroke1" stroke="currentColor" d="M3 12L3 21L21 21V12M3 3H21V8H3V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M7 17L17 17M17 13L7 13" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-radio"><path id="fill1" fill="#bbd3fb" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"></path><path id="fill2" fill="#f78d94" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"></path><path id="stroke1" stroke="currentColor" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="#0052d9" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="component-steps"><g id="fill1"><path fill="#bbd3fb" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12Z"></path><path fill="#bbd3fb" d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z"></path><path fill="#bbd3fb" d="M22 12C22 10.6193 20.8807 9.5 19.5 9.5C18.1193 9.5 17 10.6193 17 12C17 13.3807 18.1193 14.5 19.5 14.5C20.8807 14.5 22 13.3807 22 12Z"></path></g><path id="stroke1" stroke="currentColor" d="M7 12C7 10.6193 5.88071 9.5 4.5 9.5C3.11929 9.5 2 10.6193 2 12C2 13.3807 3.11929 14.5 4.5 14.5C5.88071 14.5 7 13.3807 7 12ZM7 12H9.5M9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12M9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12M14.5 12H17.0002M17.0002 12C17.0002 10.6193 18.1193 9.5 19.5 9.5C20.8807 9.5 22 10.6193 22 12C22 13.3807 20.8807 14.5 19.5 14.5C18.1193 14.5 17.0002 13.3807 17.0002 12Z" stroke-width="2"></path></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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-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="请选择" 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\\components\\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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px"><g id="print"><path id="fill1" fill="transparent" d="M22.5005 8L1.50049 8L1.50049 17H6.00049L6.00049 15L18.0005 15V17L22.5005 17V8Z"></path><g id="fill2"><path fill="transparent" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z"></path><path fill="transparent" d="M18.0005 15V21L6.00049 21L6.00049 15H18.0005Z"></path></g><g id="stroke2"><path stroke="currentColor" d="M19.0005 3V8L5.00049 8L5.00049 3L19.0005 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.0005 15V21L6.00049 21V15H18.0005Z" stroke-linecap="square" stroke-width="2"></path></g><g id="stroke1"><path stroke="currentColor" d="M18.0005 11.5H18.0044V11.4961H18.0005V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M22.5005 8H1.50049V17H6.00049V15H18.0005V17H22.5005V8Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg> 高清</span></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">scale-down</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重演 lazy load</span></button></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image-error"><path id="stroke1" stroke="currentColor" d="M21 11V3H3V21H11M13 14L9 10L3.5 15.5M17.75 8.25C17.75 9.35457 16.8546 10.25 15.75 10.25C14.6454 10.25 13.75 9.35457 13.75 8.25C13.75 7.14543 14.6454 6.25 15.75 6.25C16.8546 6.25 17.75 7.14543 17.75 8.25Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M21.8287 16.1719L19.0003 19.0003M19.0003 19.0003L16.1719 21.8287M19.0003 19.0003L16.1719 16.1719M19.0003 19.0003L21.8287 21.8287" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div></div><div class="t-space-item">circle</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\album.tsx 1`] = `"<div style="width:240px;height:240px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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="fill:none;font-size:16px" name="browse"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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="fill:none;font-size:16px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-ellipsis" style="fill:none;font-size:16px"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\base.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\image-viewer\\_example\\error.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-error3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\modeless.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);gap:16px" class="t-space t-space-horizontal t-space--break-line"><div class="t-space-item"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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 style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-1.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-3.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div><div class="t-space-item"><div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/demo-image-2.png" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\image-viewer\\_example\\svg.tsx 1`] = `"<div style="width:160px;height:160px;border:4px solid var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium)"><div class="t-image-viewer__trigger"><div class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"><img src="https://tdesign.gtimg.com/demo/tdesign-logo.svg" class="t-image t-image--fit-contain t-image--position-center" alt="preview"/><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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</div></div></div></div><div class="t-image-viewer__trigger--hover"><span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-browse t-image-viewer__trigger-icon" style="fill:none;font-size:1.4em"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg>预览</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value="居右对齐"/></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" type="text" class="t-input__inner" value="宽度自适应"/><span class="t-input__input-pre">宽度自适应</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\input\\_example\\disabled.tsx 1`] = `"<div class="t-input__wrap" spellcheck="false"><div class="t-input t-is-disabled t-align-left"><input placeholder="请输入" type="text" class="t-input__inner" disabled="" value="禁用状态"/></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="lock-on"><path id="fill1" fill="transparent" d="M4.49951 10H19.4995V21H4.49951V10Z"></path><g id="stroke1"><path stroke="currentColor" d="M4.49951 11H19.4995V21H4.49951V11Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.99951 7C6.99951 4.23858 9.23809 2 11.9995 2C14.7609 2 16.9995 4.23858 16.9995 7V11H6.99951V7Z" stroke-linecap="square" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M9.99951 16H13.9995" stroke-linecap="square" stroke-width="2"></path></g></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 24 24" width="1em" height="1em" class="t-icon t-icon-browse-off t-input__suffix-clear" style="fill:none"><g id="browse-off"><path id="stroke1" stroke="currentColor" d="M13.1758 8.17578C14.4396 8.56376 15.4368 9.56096 15.8247 10.8247M21.2858 15.2856C22.0085 14.2983 22.5776 13.1913 22.9578 12C21.4771 7.36017 17.131 4 12.0001 4C11.3698 4 10.7513 4.05072 10.1484 4.1483M5.80747 5.80786C3.57225 7.23888 1.86478 9.42193 1.04199 12.0001C2.52275 16.6399 6.86881 20.0001 11.9997 20.0001C14.2796 20.0001 16.4045 19.3367 18.1919 18.1923L5.80747 5.80786ZM8 12.0003C8 10.8957 8.44771 9.89573 9.17157 9.17188L14.8284 14.8287C14.1046 15.5526 13.1046 16.0003 12 16.0003C9.79086 16.0003 8 14.2094 8 12.0003Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.9996 21L3 3" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg></span></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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></span><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 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="请输入" 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-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></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-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></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-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><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-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></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-right"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap t-input--auto-width" value="" spellcheck="false"><div class="t-input t-align-center"><input placeholder="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/><span class="t-input__input-pre">请输入</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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l 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-l" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-size-l t-align-left"><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-chevron-up t-size-l" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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="请输入" 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="请输入" 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="请输入" type="text" class="t-input__inner" autoComplete="off" value=""/></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-success"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-warning"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><div class="t-input__wrap" value="" spellcheck="false"><div class="t-input t-align-center t-is-error"><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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" style="fill:none"><g id="dashboard"><path id="fill2" fill="transparent" d="M15 11.9998C15 13.6566 13.6569 14.9998 12 14.9998C10.3431 14.9998 9 13.6566 9 11.9998C9 10.3429 10.3431 8.99976 12 8.99976C13.6569 8.99976 15 10.3429 15 11.9998Z"></path><path id="stroke1" stroke="currentColor" d="M19.5668 4.41406L14.1113 9.86853M14.1113 9.86853C13.5692 9.33152 12.8233 8.99985 12 8.99985C10.3431 8.99985 9 10.343 9 11.9998C9 13.6567 10.3431 14.9998 12 14.9998C13.6569 14.9998 15 13.6567 15 11.9998C15 11.1663 14.6601 10.4122 14.1113 9.86853Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M6.99912 20.6617C4.0106 18.9325 2 15.7011 2 12C2 6.47715 6.47715 2 12 2C13.095 2 14.1488 2.17598 15.1348 2.50121M17.0034 20.6603C19.9906 18.9308 22.0001 15.7001 22.0001 12.0001C22.0001 10.9051 21.8241 9.85125 21.4989 8.86523" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="precise-monitor"><path id="stroke1" stroke="currentColor" d="M3 12H12M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M4 20L8.5 15.5M12 7V3M8.5 8.5L4 4M15.5 8.5L20 4M17 12H21M20 20L15.5 15.5M12 21V17" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user-circle"><path id="fill1" fill="transparent" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z"></path><g id="fill2"><path fill="transparent" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z"></path><path fill="transparent" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" clip-rule="evenodd"></path></g><g id="stroke2"><path stroke="currentColor" d="M15.5 8.5C15.5 10.433 13.933 12 12 12C10.067 12 8.5 10.433 8.5 8.5C8.5 6.567 10.067 5 12 5C13.933 5 15.5 6.567 15.5 8.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M18.5 19.5996V19C18.5 16.7909 16.7091 15 14.5 15H9.5C7.29086 15 5.5 16.7909 5.5 19V19.5996C7.24803 21.0961 9.51846 22 12 22C14.4815 22 16.752 21.0961 18.5 19.5996Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g><path id="stroke1" stroke="currentColor" d="M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="play-circle"><path fill="currentColor" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z"></path><path fill="currentColor" d="M18.25 12L8.5 17.6292L8.5 6.37085L18.25 12Z"></path></g></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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-notification-filled t-menu__operations-icon" style="fill:none"><path fill="currentColor" d="M8.64494 20.5C9.07521 21.9457 10.4145 23 12 23C13.5855 23 14.9248 21.9457 15.3551 20.5H8.64494Z"></path><path fill="currentColor" d="M3 19.5H21V16.5L19 13.5V8.5C19 4.63401 15.866 1.5 12 1.5C8.13401 1.5 5 4.63401 5 8.5V13.5L3 16.5V19.5Z"></path></svg><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-home t-menu__operations-icon" style="fill:none"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></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\\components\\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\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="link"><path id="stroke1" stroke="currentColor" d="M11.6762 6.99023L13.9998 4.6666C15.4726 3.19382 17.8604 3.19382 19.3332 4.6666C20.806 6.13938 20.806 8.52723 19.3332 10L17.0096 12.3236M6.98974 11.6766L4.66611 14.0003C3.19333 15.4731 3.19333 17.8609 4.66611 19.3337C6.13889 20.8065 8.52675 20.8065 9.99953 19.3337L12.3232 17.0101M13.9985 9.99989L9.99847 14" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span>跳转链接</a></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="jump"><path id="stroke1" stroke="currentColor" d="M9 4L4 4L4 20L20 20L20 15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M19.25 4.75L12 12M14 4H20L20 10" stroke-linecap="square" stroke-width="2"></path></g></svg></span></a></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="edit"><path id="fill1" fill="transparent" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336L14.1048 6.00427Z"></path><path id="fill2" fill="transparent" d="M17.9936 9.89339L21.0506 6.83635L17.1615 2.94727L14.1045 6.0043L17.9936 9.89339Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M14.1048 6.00427L4.78744 15.3216L3.99805 20.0001L8.67652 19.2107L17.9939 9.89336M14.1048 6.00427L17.9939 9.89336M14.1048 6.00427L17.1615 2.94727L21.0506 6.83635L17.9939 9.89336" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="download"><path id="stroke1" stroke="currentColor" d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></button></div></div></ul></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\list\\_example\\virtual-scroll.tsx 1`] = `"<div style="width:100%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div style="height:300px" class="t-list"><ul class="t-list__inner"></ul></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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 class="t-menu__content">菜单1</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单2</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单3</span></div></li><li class="t-submenu"><div class="t-menu__item"><span class="t-menu__content">菜单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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="server"><g id="fill1"><path fill="transparent" d="M21 14V21H3L3 14L21 14Z"></path><path fill="transparent" d="M21 3V10L3 10L3 3L21 3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M21 14V21H3L3 14L21 14Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M21 3V10L3 10L3 3L21 3Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></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" style="fill:none"><g id="root-list"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M17 8.5L7 8.5M7 12.5L13 12.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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;overflow:hidden" class="t-menu__sub t-slide-down-enter-active"><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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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 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></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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></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\\components\\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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="app"><g id="fill1"><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 14H21V21H14V14Z"></path><path fill="transparent" d="M3 14H10V21H3V14Z"></path></g><path id="fill2" fill="transparent" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z"></path><g id="stroke1"><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 14H21V21H14V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path></g><path id="stroke2" stroke="currentColor" d="M21.5 6.5C21.5 8.70914 19.7091 10.5 17.5 10.5C15.2909 10.5 13.5 8.70914 13.5 6.5C13.5 4.29086 15.2909 2.5 17.5 2.5C19.7091 2.5 21.5 4.29086 21.5 6.5Z" stroke-width="2"></path></g></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" style="fill:none"><g id="code"><path id="stroke1" stroke="currentColor" d="M5.53553 15.5355L2 12L5.53553 8.46448M18.4644 15.5355L21.9999 12L18.4644 8.46448" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 4.00049L10 20.0005" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="file"><path id="fill1" fill="transparent" d="M4 22H20V8H14V2H4V22Z"></path><path id="stroke1" stroke="currentColor" d="M14 2V8H20M14 2H15L20 7V8M14 2H4V22H20V8" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="rollback"><path id="stroke1" stroke="currentColor" d="M5.75 7H14C17.3137 7 20 9.68629 20 13C20 16.3137 17.3137 19 14 19L6.5 19M8 10.5L4.5 7L8 3.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="view-list"><path id="stroke1" stroke="currentColor" d="M3 5H21M3 12H21M3 19H21" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="mail"><path id="fill1" fill="transparent" d="M22 4H2V20L22 20V4Z"></path><path id="fill2" fill="transparent" d="M2 4H22V7.44444L12 12.5L2 7.44444V4Z"></path><path id="stroke1" stroke="currentColor" d="M2 4H22M2 4V20L22 20V4M2 4V7.44444L12 12.5L22 7.44444V4" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></button></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.8265 11.8902C12.2582 11.3593 12.8004 10.9159 13.2365 10.5723C13.7034 10.2045 14.0002 9.63718 14.0002 9C14.0002 7.89543 13.1048 7 12.0002 7C11.131 7 10.3888 7.5551 10.1138 8.33325L9.78055 9.27609L7.89487 8.6096L8.22811 7.66676C8.77675 6.11451 10.2571 5 12.0002 5C14.2094 5 16.0002 6.79086 16.0002 9C16.0002 10.2759 15.4018 11.4125 14.4742 12.1433C14.0426 12.4834 13.6573 12.8088 13.3783 13.1519C13.1038 13.4896 13.0002 13.762 13.0002 14V15.25H11.0002V14C11.0002 13.1334 11.3905 12.4265 11.8265 11.8902ZM11.0001 18.2539V16.25H13.004V18.2539H11.0001Z"></path></svg>用于帮助用户操作的信息提示</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>默认关闭按钮<svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-message__close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></path></svg>自定义关闭按钮（ReactNode）<div class="t-message__close">x</div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM10.996 8.50002V6.49611H12.9999V8.50002H10.996ZM12.9999 10L12.9999 17.5H10.9999V10L12.9999 10Z"></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\\components\\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\\components\\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\\components\\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\\components\\pagination\\_example\\base.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\jump.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\pagination\\_example\\mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\more.tsx 1`] = `"<div><span>展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><span>不展示首尾页码省略</span><div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\page-num.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 645 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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" style="fill:none"><g id="chevron-up"><path id="stroke1" stroke="currentColor" d="M17.5 14.5L12 9L6.5 14.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="round"><circle id="fill1" cx="12" cy="12" r="7" fill="transparent"></circle><circle id="stroke1" cx="12" cy="12" r="7" stroke="currentColor" stroke-linecap="square" stroke-width="2"></circle></g></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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\simple-mini.tsx 1`] = `"<div class="t-pagination t-size-s"><div class="t-pagination__total">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\pagination\\_example\\total.tsx 1`] = `"<div class="t-pagination"><div class="t-pagination__total">共 685 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\popup\\_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">Hover me</span></button></div><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">Hover me</span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\popup\\_example\\container.tsx 1`] = `"<div style="gap:16px" class="t-space attach-container 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">点击查看我的父元素(CSS Selector)</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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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-align-center 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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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 class="t-input-number t-size-s t-input-number--row" style="width:130px;display:inline-block"><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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button><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><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></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\\components\\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\\components\\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\\components\\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 class="t-space-item"><button id="trigger-element" 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></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\progress\\_example\\circle.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 style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认样式</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">10%</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="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">不显示数字</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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">自定义内容</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>10<!-- -->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><circle cx="59" cy="59" r="56" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,118)" stroke-dasharray="35.18583772020568  316.6725394818512" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态完成</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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态发生重大错误</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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="263.89378290154264  87.96459430051421" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">进度状态被中断</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" style="fill:none"><g id="error"><path id="stroke1" stroke="currentColor" d="M12 3L12 15.5M12 20H12.0039V20.0039H12V20Z" stroke-linecap="square" stroke-width="2"></path></g></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="175.92918860102841  175.92918860102841" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div><div class="t-space-item"><div>默认不同尺寸</div></div><div class="t-space-item"><div style="margin:20px 0 10px;gap:24px" class="t-space t-space-horizontal"><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">小尺寸</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">30%</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><circle cx="38" cy="38" r="36" stroke-width="4" fill="none" transform="matrix(0,-1,1,0,0,76)" stroke-dasharray="67.85840131753953  158.33626974092556" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">默认尺寸</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">30%</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="105.55751316061705  246.30086404143975" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div><div class="t-space-item"><div style="margin:15px;min-width:160px;margin-left:60px;gap:8px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div style="margin-bottom:10px">大尺寸</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">75%</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><circle cx="83" cy="83" r="80" stroke-width="6" fill="none" transform="matrix(0,-1,1,0,0,166)" stroke-dasharray="376.99111843077515  125.66370614359172" class="t-progress__circle-inner" style="stroke-linecap:round"></circle></svg></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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 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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:10%"></div></div><div class="t-progress__info">10%</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:10%"></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:10%"></div></div><div class="t-progress__info"><div>自定义文本</div></div></div></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--thin"><div class="t-progress__bar"><div class="t-progress__inner" style="width:30%"></div></div><div class="t-progress__info">30%</div></div></div></div><div class="t-space-item"><div>100%</div></div><div class="t-space-item"><div><div class="t-progress--thin t-progress--status--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:100%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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--success"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></div></div><div class="t-progress__info"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-progress__icon" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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:60%"></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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--warning"><div class="t-progress__bar"><div class="t-progress__inner" style="width:60%"></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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:60%;background:linear-gradient(to right, #0052D9, #00A870)"></div></div><div class="t-progress__info">60%</div></div></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>进度条内部宽度不足以展示其内容时，该内容会自动显示在进度条右侧</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:10%"><div class="t-progress__info" style="color:#fff"><div>当前进度为：<!-- -->10<!-- -->%</div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\base.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-align-center t-space-vertical"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div class="t-input__wrap" value="https://tdesign.tencent.com/" spellcheck="false"><div class="t-input t-align-left"><input placeholder="-" type="text" class="t-input__inner" value="https://tdesign.tencent.com/"/></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customColor.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:#fff;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:#D9E1FF;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="#D9E1FF" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="#0052D9" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customSize.tsx 1`] = `"<div style="margin-bottom:16px;user-select:none;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-minus" style="fill:none"><g id="minus"><path id="stroke1" stroke="currentColor" d="M16.502 12L7.50195 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Smaller</span></button></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">Larger</span></button></div></div><p style="min-height:160px"><div level="H" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div></p>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\customStatusRender.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><div class="t-loading t-loading--center" style="font-size:32px"><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 class="t-space-item"><p>加载中...</p></div></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;flex-direction:column"><p style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none;color:red;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span>二维码过期</span></p><p style="display:flex;align-items:center;column-gap:8px;color:#0052d9;cursor:pointer;line-height:32px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg><span>点击刷新</span></p></div></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div style="display:flex;align-items:center;column-gap:8px"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none;color:#2ba471;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span>已扫描</span></div></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\download.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="&#x27;canvas&#x27;" checked="" value="canvas"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">canvas</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;svg&#x27;" value="svg"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">svg</span></label></div></div><div class="t-space-item"><div id="qrcode"><div level="M" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div><button type="button" class="t-button t-button--theme-primary t-button--variant-base"><span class="t-button__text">Download</span></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\icon.tsx 1`] = `"<div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas><img src="https://tdesign.gtimg.com/site/tdesign-logo.png" style="display:none" crossorigin="anonymous"/></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\level.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="&#x27;L&#x27;" checked="" value="L"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">L</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;M&#x27;" value="M"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">M</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;Q&#x27;" value="Q"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">Q</span></label><label tabindex="0" class="t-radio-button"><input type="radio" class="t-radio-button__former" tabindex="-1" data-value="&#x27;H&#x27;" value="H"/><span class="t-radio-button__input"></span><span class="t-radio-button__label">H</span></label></div></div><div class="t-space-item"><div level="L" class="t-qrcode" style="background-color:transparent;margin-bottom:16px;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\popover.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\\components\\qrcode\\_example\\status.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><div class="t-loading t-loading--center" style="font-size:32px"><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><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-expired__text">二维码过期</p><p class="t-expired__button"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-refresh" style="fill:none;font-size:16px"><g id="refresh"><path id="stroke1" stroke="currentColor" d="M21.448 13C20.9483 17.7767 16.909 21.5 12 21.5C8.18227 21.5 4.89052 19.248 3.38065 16M2.5 20.5V15.5H5.5M2.55176 11C3.05145 6.22334 7.09079 2.5 11.9998 2.5C15.8175 2.5 19.1092 4.75197 20.6191 8M21.4998 3.5V8.5H18.4998" stroke-linecap="square" stroke-width="2"></path></g></svg>点击刷新</p></div><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><div class="t-mask"><p class="t-scanned"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled t-scanned__icon" style="fill:none;font-size:16px"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg>已扫描</p></div><canvas height="160" width="160" role="img"></canvas></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\qrcode\\_example\\type.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><div level="M" class="t-qrcode" style="background-color:transparent;width:160px;height:160px"><canvas height="160" width="160" role="img"></canvas></div></div><div class="t-space-item"><div level="M" class="t-qrcode t-qrcode-svg" style="background-color:transparent;width:160px;height:160px"><svg height="160" width="160" viewBox="0 0 29 29" role="img"><path fill="transparent" d="M0,0 h29v29H0z" shape-rendering="crispEdges"></path><path fill="" d="M0 0h7v1H0zM8 0h1v1H8zM11 0h1v1H11zM13 0h1v1H13zM15 0h2v1H15zM18 0h2v1H18zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM9 1h1v1H9zM11 1h1v1H11zM15 1h1v1H15zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM11 2h1v1H11zM13 2h1v1H13zM16 2h1v1H16zM20 2h1v1H20zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM9 3h2v1H9zM12 3h1v1H12zM14 3h2v1H14zM17 3h1v1H17zM19 3h1v1H19zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h2v1H8zM11 4h1v1H11zM13 4h5v1H13zM19 4h2v1H19zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h3v1H8zM13 5h1v1H13zM16 5h2v1H16zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM9 7h1v1H9zM11 7h2v1H11zM14 7h1v1H14zM16 7h1v1H16zM20 7h1v1H20zM1 8h7v1H1zM9 8h1v1H9zM14 8h1v1H14zM18 8h1v1H18zM23 8h2v1H23zM28,8 h1v1H28zM1 9h2v1H1zM4 9h2v1H4zM7 9h2v1H7zM12 9h2v1H12zM15 9h1v1H15zM18 9h3v1H18zM22 9h4v1H22zM28,9 h1v1H28zM0 10h2v1H0zM3 10h5v1H3zM9 10h1v1H9zM13 10h3v1H13zM17 10h2v1H17zM20 10h3v1H20zM25 10h1v1H25zM1 11h1v1H1zM3 11h2v1H3zM8 11h1v1H8zM11 11h1v1H11zM14 11h3v1H14zM19 11h5v1H19zM25 11h1v1H25zM27 11h1v1H27zM0 12h1v1H0zM3 12h2v1H3zM6 12h1v1H6zM8 12h8v1H8zM17 12h1v1H17zM19 12h1v1H19zM21 12h1v1H21zM23 12h1v1H23zM26,12 h3v1H26zM3 13h2v1H3zM7 13h1v1H7zM11 13h4v1H11zM17 13h6v1H17zM24 13h2v1H24zM27,13 h2v1H27zM0 14h4v1H0zM6 14h2v1H6zM11 14h2v1H11zM16 14h2v1H16zM23 14h1v1H23zM5 15h1v1H5zM9 15h1v1H9zM11 15h1v1H11zM13 15h2v1H13zM17 15h2v1H17zM20 15h2v1H20zM24 15h2v1H24zM27 15h1v1H27zM1 16h1v1H1zM3 16h1v1H3zM6 16h1v1H6zM9 16h3v1H9zM14 16h3v1H14zM21 16h1v1H21zM25 16h2v1H25zM0 17h1v1H0zM2 17h4v1H2zM7 17h2v1H7zM10 17h2v1H10zM15 17h1v1H15zM17,17 h12v1H17zM0 18h1v1H0zM2 18h2v1H2zM5 18h2v1H5zM11 18h6v1H11zM18 18h1v1H18zM20 18h1v1H20zM22 18h3v1H22zM26 18h1v1H26zM0 19h1v1H0zM2 19h4v1H2zM7 19h1v1H7zM9 19h7v1H9zM19 19h1v1H19zM22 19h4v1H22zM27 19h1v1H27zM0 20h1v1H0zM3 20h1v1H3zM6 20h1v1H6zM8 20h2v1H8zM12 20h4v1H12zM17 20h1v1H17zM20 20h5v1H20zM26 20h1v1H26zM28,20 h1v1H28zM8 21h1v1H8zM11 21h3v1H11zM18 21h3v1H18zM24 21h2v1H24zM28,21 h1v1H28zM0 22h7v1H0zM8 22h3v1H8zM14 22h2v1H14zM18 22h3v1H18zM22 22h1v1H22zM24 22h1v1H24zM0 23h1v1H0zM6 23h1v1H6zM8 23h2v1H8zM11 23h1v1H11zM14 23h1v1H14zM16 23h1v1H16zM19 23h2v1H19zM24 23h2v1H24zM27,23 h2v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h2v1H8zM11 24h1v1H11zM14 24h1v1H14zM18 24h1v1H18zM20 24h7v1H20zM28,24 h1v1H28zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM11 25h1v1H11zM13 25h4v1H13zM19 25h3v1H19zM23 25h1v1H23zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h1v1H8zM10 26h1v1H10zM13 26h2v1H13zM17 26h1v1H17zM19 26h9v1H19zM0 27h1v1H0zM6 27h1v1H6zM8 27h1v1H8zM12 27h2v1H12zM16 27h1v1H16zM20 27h1v1H20zM22 27h1v1H22zM24 27h2v1H24zM27 27h1v1H27zM0 28h7v1H0zM9 28h4v1H9zM17 28h1v1H17zM19 28h1v1H19zM21 28h2v1H21zM24 28h1v1H24zM26 28h1v1H26z" shape-rendering="crispEdges"></path></svg></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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></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></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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></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></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></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="star"><path id="fill1" fill="transparent" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 3.67603L14.1867 9.96648L20.8449 10.1022L15.538 14.1256L17.4665 20.4999L12.0001 16.696L6.5337 20.4999L8.46217 14.1256L3.15527 10.1022L9.81354 9.96648L12.0001 3.67603Z" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="#ED7B2F"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><g id="logo-github"><path id="stroke1" stroke="currentColor" d="M8.50772 23C8.50772 22.8405 8.50574 22.6061 8.50311 22.2389C8.49789 21.5081 8.49009 20.4149 8.49009 19.1577C8.49009 17.8337 8.93142 16.9864 9.44334 16.5451C6.3011 16.1921 3 14.9917 3 9.57219C3 8.01876 3.54726 6.76529 4.44754 5.7768C4.3063 5.42374 3.81205 3.97616 4.58877 2.03433C4.58877 2.03433 5.77151 1.64593 8.47242 3.48191C9.6003 3.16471 10.8016 3.00052 12 3C13.1984 3.00052 14.3997 3.16471 15.5276 3.48191C18.2285 1.64593 19.4112 2.03433 19.4112 2.03433C20.1879 3.97616 19.6937 5.42374 19.5525 5.7768C20.4527 6.76529 21 8.01876 21 9.57219C21 14.9917 17.6989 16.1921 14.5567 16.5451C15.0686 16.9864 15.5099 17.8337 15.5099 19.1577C15.5099 20.4149 15.5021 21.5081 15.4969 22.2389C15.4943 22.6061 15.4923 22.8405 15.4923 23M2.5 17.5L2.7142 17.6071C3.2319 17.8659 3.68725 18.2341 4.04882 18.686L4.59927 19.3741C5.16858 20.0857 6.03052 20.5 6.94187 20.5H8.5" stroke-linecap="square" stroke-width="2"></path></g></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></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="fill:none;font-size:24px" color="var(--td-error-color-7)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0022 4.81816C14.4485 2.66879 18.1771 2.7618 20.5125 5.09718C22.9448 7.52943 22.9448 11.4729 20.5125 13.9051L15.2875 19.1302L15.2867 19.1295L12.0009 22.4153L4.72154 15.136L3.49007 13.9036C1.05808 11.4714 1.05791 7.52784 3.49008 5.09567C5.82601 2.75974 9.55583 2.66724 12.0022 4.81816Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:16" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:16" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></li></ul></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></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="fill:none;font-size:24px" color="#ED7B2F"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></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="fill:none;font-size:24px" color="var(--td-bg-color-component)"><path fill="currentColor" d="M12.0012 0.63031L14.9039 8.98087L23.7427 9.16099L16.6978 14.502L19.2579 22.9639L12.0012 17.9143L4.74461 22.9639L7.30465 14.502L0.259766 9.16099L9.09859 8.98087L12.0012 0.63031Z"></path></svg></div></div></div></li></ul><div class="t-rate__text">满意</div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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-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="请选择" 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\\components\\select\\_example\\creatable.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-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: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-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\\components\\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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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;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="请选择" 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\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.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\\components\\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\\components\\select\\_example\\group.tsx 1`] = `"<div style="width:800px;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-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: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-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\\components\\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-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 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="请选择" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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"><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" 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="请选择" 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\\components\\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="请选择" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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 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\\components\\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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请选择" 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\\components\\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-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-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\\components\\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-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-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\\components\\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-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="fill:none;margin-right:8px"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span><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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\select\\_example\\remote-search.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><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-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"><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\\components\\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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 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\\components\\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-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"><div class="t-select t-select-input t-select-input--empty"><div class="t-input__wrap" spellcheck="false"><div class="t-input 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-select__right-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 5.7998L7.99274 10.0425L12.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-align-left t-input--suffix"><input placeholder="请选择" 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\\components\\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-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-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\\components\\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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->5</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>More(+<!-- -->4<!-- -->)</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" value=""/><span class="t-input__input-pre"></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-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-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-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-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\\components\\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-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-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-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-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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="remove"><path id="stroke1" stroke="currentColor" d="M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></button></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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\\components\\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\\components\\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" style="fill:none"><g id="control-platform"><path id="fill1" fill="transparent" d="M12 2L21 7V17L12 22L3 17V7L12 2Z"></path><path id="stroke1" stroke="currentColor" d="M12 12L20.5 7.5M12 12V21.5M12 12L3.5 7.5M12 2L21 7V17L12 22L3 17V7L12 2Z" stroke-width="2"></path></g></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="fill:none;color:#ee4d38"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 2L4.5 12H9V22H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></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" style="fill:none"><path fill="currentColor" d="M15 12H19.5L12 22L4.5 12H9V2H15V12Z"></path></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-login" style="fill:none"><g id="login"><path id="stroke1" stroke="currentColor" d="M10.5 7.5L15 12L10.5 16.5M13.75 12H4" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M15 3.5H20V20.5H15" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-cart" style="fill:none"><g id="cart"><path id="stroke1" stroke="currentColor" d="M1 2H4L7 13L6 17H21M7 21C7 21.5523 6.55228 22 6 22C5.44772 22 5 21.5523 5 21C5 20.4477 5.44772 20 6 20C6.55228 20 7 20.4477 7 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21ZM6.99947 13H18.9995L21.9995 4H4.54492L6.99947 13Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-wallet" style="fill:none"><g id="wallet"><path id="fill1" fill="transparent" d="M19 7H3V21H19C20.1045 21 21 20.1046 21 19V9C21 7.89543 20.1045 7 19 7Z"></path><path id="stroke1" stroke="currentColor" d="M19 3H5.00002C3.89546 3 3.00003 3.89542 3.00002 4.99998C3.00001 6.10456 3.89544 7 5.00002 7H18M3 7V6M3 7H19C20.1045 7 21 7.89543 21 9V19C21 20.1046 20.1045 21 19 21H3V7ZM16 14H17" stroke-linecap="square" stroke-width="2"></path></g></svg></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle" style="fill:none"><g id="check-circle"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.5 9L10.5 15L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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\\components\\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\\components\\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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="check"><path id="stroke1" stroke="currentColor" d="M19.5708 7.37842L10.3785 16.5708L5.42871 11.6211" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></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" style="fill:none"><g id="chat"><path id="fill1" fill="transparent" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z"></path><path id="stroke1" stroke="currentColor" d="M2.5 3H21.5V17H6.5L2.5 20.5V3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="qrcode"><g id="fill1"><path fill="transparent" d="M3 14H10V21H3V14Z"></path><path fill="transparent" d="M3 3H10V10H3V3Z"></path><path fill="transparent" d="M14 3H21V10H14V3Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M3 14H10V21H3V14Z" stroke-width="2"></path><path stroke="currentColor" d="M3 3H10V10H3V3Z" stroke-width="2"></path><path stroke="currentColor" d="M14 3H21V10H14V3Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 6.5H6.50391V6.50391H6.5V6.5Z" stroke-width="2"></path><path stroke="currentColor" d="M6.5 17.5H6.50391V17.5039H6.5V17.5Z" stroke-width="2"></path><path stroke="currentColor" d="M17.5 6.5H17.5039V6.50391H17.5V6.5Z" stroke-width="2"></path></g><g id="stroke2"><path stroke="currentColor" d="M13.9961 13.9961H14V14H13.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M16.9961 16.9961H17V17H16.9961V16.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M18.9961 18.9961H19V19H18.9961V18.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 13.9961H21V14H20.9961V13.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M20.9961 20.9961H21V21H20.9961V20.9961Z" stroke-width="2"></path><path stroke="currentColor" d="M13.9961 20.9961H14V21H13.9961V20.9961Z" stroke-width="2"></path></g></g></svg><div class="t-sticky-item__label">qrcode</div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\swiper\\_example\\card.tsx 1`] = `"<div class="tdesign-demo-block--swiper"><div style="width:800px;gap:50px" class="t-space t-space-vertical"><div class="t-space-item"><div style="width:100%;gap:16px" class="t-space t-space-vertical"><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-slider__container"><div class="t-slider"><div class="t-slider__rail"><div style="left:0%;width:63.25301204819277%" class="t-slider__track"></div><div style="left:63.25301204819277%" class="t-slider__button-wrapper"><div class="t-slider__button"></div></div><div class="t-slider__stops"><div style="left:63.25301204819277%" class="t-slider__stop"></div></div><div class="t-slider__mark"><div style="left:63.25301204819277%" class="t-slider__mark-text">Default</div></div></div></div></div></div></div></div><div class="t-space-item"><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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-swiper__arrow-right"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\switch\\_example\\describe.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">ON</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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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" style="visibility:visible"><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">共 38 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="t-table__row--full t-table__last-full-row"><td colSpan="5"><div><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">正在加载中，请稍后</div></div></div></div></div></td></tr></tbody></table></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="1-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="2-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="3-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="4-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="5-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="6-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="7-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="8-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="9-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="10-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="11-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="12-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="13-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="14-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="15-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr class="16-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr class="17-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr class="18-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr class="19-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr class="20-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr class="21-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr class="22-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr class="23-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr class="24-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr class="25-class"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr class="26-class"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr class="27-class"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 28 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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="fill:none;margin-right:5px"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>宣传物料制作费用</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>algolia 服务报销</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td><div>相关周边制作费</div></td><td><div>p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td><div>激励奖品快递费</div></td><td><div>w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td><div>宣传物料制作费用</div></td><td><div>r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td><b style="font-weight:bold">表尾信息</b></td><td><div style="width:100%">表尾信息 </div></td><td>表尾信息</td><td><div>表尾信息</div></td><td><div style="text-align:left">表尾信息</div></td></tr></tfoot></table></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td>algolia 服务报销</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td>相关周边制作费</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td>激励奖品快递费</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td>宣传物料制作费用</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr data-id="2"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr data-id="3"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr data-id="4"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr data-id="5"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr><tr><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td><td><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="请选择" 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></td><td><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" style="fill:none"><g id="edit-1"><path id="fill1" fill="transparent" d="M3.0001 20.9999L7.5 20.9999L17.5 11L13 6.5L3.0001 16.5L3.0001 20.9999Z"></path><path id="fill2" fill="transparent" d="M21.5 7L17 2.5L13 6.5L17.5 11L21.5 7Z"></path><path id="stroke1" stroke="currentColor" d="M12.9999 6.5L3 16.5L3 20.9999L7.4999 20.9999L17.4999 11M12.9999 6.5L17.4999 11M12.9999 6.5L16.9999 2.5L21.4999 7L17.4999 11" stroke-width="2"></path></g></svg></div></td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td><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="请输入" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre">请输入</span></div></div></div></td><td><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-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></td><td><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="请选择" 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></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-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" style="fill:none"><g id="calendar"><path id="fill1" fill="transparent" d="M21 10H3V21H21V10Z"></path><path id="fill2" fill="transparent" d="M21 10H3V5H21V10Z"></path><path id="stroke1" stroke="currentColor" d="M3 10H21M3 10V5H21V10M3 10V21H21V10M7 5V1.5M17 5V1.5" stroke-width="2"></path></g></svg></span></div></div></div></div></div></td><td><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><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="2" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="3" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><div class="table-operations"><a data-id="4" class="t-link t-link--theme-primary t-link--hover-color">编辑</a></div></td></tr><tr><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td><div class="t-table__cell--editable"></div></td><td class="t-demo-col__datepicker"><div class="t-table__cell--editable"></div></td><td><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\\components\\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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">王芳（fangWang)</div></td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">贾明（kyrieJia）</div></td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</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><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">张三（threeZhang)</div></td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</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\\components\\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">暂无数据</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\\components\\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></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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><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"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-chevron-right-circle" style="fill:none"><g id="chevron-right-circle"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M10.5 16L14.5 12L10.5 8" stroke-linecap="square" stroke-width="2"></path></g></svg></span></td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><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\\components\\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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><div class="t-table__row-full-element"><div class="t-table__row-filter-inner"><div class="t-table__filter-result"><span>搜索“”，找到 5 条结果</span><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></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>r.nmgw@peurezgn.sl</td><td>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">共 0 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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></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></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><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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>algolia 服务报销</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>p.cumx@rampblpa.ru</td><td>相关周边制作费</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>w.cezkdudy@lhll.au</td><td>激励奖品快递费</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>r.nmgw@peurezgn.sl</td><td>宣传物料制作费用</td><td>2022-01-01</td><td><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\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>宣传物料制作费用</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>algolia 服务报销</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>相关周边制作费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>激励奖品快递费</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>p.cumx@rampblpa.ru</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>algolia 服务报销</td><td>w.cezkdudy@lhll.au</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>r.nmgw@peurezgn.sl</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>p.cumx@rampblpa.ru</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>宣传物料制作费用</td><td>w.cezkdudy@lhll.au</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>r.nmgw@peurezgn.sl</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>相关周边制作费</td><td>p.cumx@rampblpa.ru</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>激励奖品快递费</td><td>w.cezkdudy@lhll.au</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>宣传物料制作费用</td><td>r.nmgw@peurezgn.sl</td><td>2022-01-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>algolia 服务报销</td><td>p.cumx@rampblpa.ru</td><td>2022-02-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>相关周边制作费</td><td>w.cezkdudy@lhll.au</td><td>2022-03-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">查看详情</a></td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>激励奖品快递费</td><td>r.nmgw@peurezgn.sl</td><td>2022-04-01</td><td><a class="t-link t-link--theme-primary t-link--hover-color">再次申请</a></td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><tr><td>共20条</td><td>-</td><td></td><td>-</td><td></td><td>-</td><td>-</td></tr></tfoot></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr><tr><td style="height:48px;border:none"></td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><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><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></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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" style="fill:none"><g id="setting"><path id="fill1" fill="transparent" d="M20.6604 7L12.0001 2L3.33984 7V17L12.0001 22L20.6604 17V7ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M12.0001 2L20.6604 7V17L12.0001 22L3.33984 17V7L12.0001 2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">列配置</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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="filter"><path id="fill1" fill="transparent" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M19.5 4H4.5L10.5 12.5V20H13.5V12.5L19.5 4Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号001</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号002</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号003</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号004</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号005</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号006</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号007</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号008</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>财务审批</td><td>审批单号009</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-01-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>组长审批</td><td>审批单号0010</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-02-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>部门审批</td><td>审批单号0011</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-03-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>财务审批</td><td>审批单号0012</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-04-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>组长审批</td><td>审批单号0013</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>部门审批</td><td>审批单号0014</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>财务审批</td><td>审批单号0015</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>组长审批</td><td>审批单号0016</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">3</td><td>100</td><td>100</td><td>100</td><td>100</td><td>部门审批</td><td>审批单号0017</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-align-center">2</td><td>200</td><td>200</td><td>200</td><td>200</td><td>财务审批</td><td>审批单号0018</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-02-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-align-center">4</td><td>400</td><td>400</td><td>400</td><td>400</td><td>组长审批</td><td>审批单号0019</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-03-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-align-center">1</td><td>500</td><td>500</td><td>500</td><td>500</td><td>部门审批</td><td>审批单号0020</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">2</td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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><td>6</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>7</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>8</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>9</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>10</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>11</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>12</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>13</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>14</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>15</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>16</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>17</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>18</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>19</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>20</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>21</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>22</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>23</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>24</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>25</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>26</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>27</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>28</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>29</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>30</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>31</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>32</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>33</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>34</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>35</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>36</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>37</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>38</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>39</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>40</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>41</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>42</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>43</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>44</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>45</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>46</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>47</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>48</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>49</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>50</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>51</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>52</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>53</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>54</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>55</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>56</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>57</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>58</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>59</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>60</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>61</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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><td>62</td><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td>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><td>63</td><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td>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><td>64</td><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td>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">共 59 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="ellipsis"><g id="stroke1"><path stroke="currentColor" d="M4 11.5H5V12.5H4V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M11.5 11.5H12.5V12.5H11.5V11.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M19 11.5H20V12.5H19V11.5Z" stroke-linecap="square" stroke-width="2"></path></g></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-01-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-02-01</td></tr><tr><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>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">p.cumx@rampblpa.ru</div></td><td>2022-03-01</td></tr><tr><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>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td>电子签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">w.cezkdudy@lhll.au</div></td><td>2022-04-01</td></tr><tr><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>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td>纸质签署</td><td class="t-table-td--ellipsis"><div class="t-table__ellipsis t-text-ellipsis">r.nmgw@peurezgn.sl</div></td><td>2022-01-01</td></tr></tbody></table></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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-chevron-down" style="fill:none"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></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><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">2</td><td>电子签署</td><td>2022-01-01</td></tr><tr><td>张三</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></path></svg><span title="审批失败">审批失败</span></div></td><td class="t-align-center">3</td><td>纸质签署</td><td>2022-02-01</td></tr><tr><td>王芳</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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><span title="审批过期">审批过期</span></div></td><td class="t-align-center">1</td><td>纸质签署</td><td>2022-03-01</td></tr><tr><td>贾明</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg><span title="审批通过">审批通过</span></div></td><td class="t-align-center">4</td><td>电子签署</td><td>2022-04-01</td></tr></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-01-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-02-01</td></tr><tr class="custom-third-class-name"><td>王芳</td><td><div class="t-tag t-tag--warning t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-error-circle-filled" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></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>2022-03-01</td></tr><tr><td>贾明</td><td><div class="t-tag t-tag--success t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-check-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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>2022-04-01</td></tr><tr><td>张三</td><td><div class="t-tag t-tag--danger t-tag--light-outline t-tag--round"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close-circle-filled" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM8.81753 7.40346L11.9999 10.5858L15.1815 7.40414L16.5957 8.81835L13.4141 12L16.5957 15.1816L15.1815 16.5958L11.9999 13.4142L8.81753 16.5965L7.40332 15.1823L10.5856 12L7.40332 8.81767L8.81753 7.40346Z"></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>2022-01-01</td></tr></tbody><tfoot class="t-table__footer" style="visibility:visible"><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\\components\\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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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--inline t-table__tree-leaf-node"><span class="t-table__tree-op-icon"></span>申请人 0_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 1_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 2_1 号</div></div></td><td>电子签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 3_1 号</div></div></td><td>纸质签署</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 号"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人 4_1 号</div></div></td><td>电子签署</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，点我体验"><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 66666，点我体验</div></div></td><td>电子签署</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，点我体验 "><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" style="fill:none"><g id="move"><g id="stroke1"><path stroke="currentColor" d="M7.75 3.25H8.75V4.25H7.75V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 3.25H16.25V4.25H15.25V3.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 8.75H16.25V9.75H15.25V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 14.25H16.25V15.25H15.25V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M15.25 19.75H16.25V20.75H15.25V19.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 8.75H8.75V9.75H7.75V8.75Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 14.25H8.75V15.25H7.75V14.25Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M7.75 19.75H8.75V20.75H7.75V19.75Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><g id="add-rectangle"><path id="fill1" fill="transparent" d="M21 3H3V21L21 21V3Z"></path><path id="stroke1" stroke="currentColor" d="M21 3H3V21L21 21V3Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 7.5V12M12 12V16.5M12 12H16.5M12 12L7.5 12" stroke-linecap="square" stroke-width="2"></path></g></svg></span>申请人懒加载节点 88888，点我体验 </div></div></td><td>电子签署</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">共 100 条数据</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-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-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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px)"></tbody></table></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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\\components\\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\\components\\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></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></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\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 3</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 4</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 5</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 6</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 7</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 8</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 9</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></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">选项卡 10</span><span class="remove-btn"><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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\\components\\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></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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="tools"><path id="stroke1" stroke="currentColor" d="M21.7607 16.8119L16.9063 11.9575C17.699 9.38593 17.0789 6.47326 15.0432 4.43757C12.8445 2.23891 9.62043 1.68993 6.91077 2.79202L6.91146 3.37691L11.1541 7.61955L7.61857 11.1551L3.37593 6.91244L2.79105 6.91175C1.68895 9.6214 2.23793 12.8455 4.43659 15.0442C6.47228 17.0799 9.38496 17.7 11.9565 16.9072L16.811 21.7617M15.75 15.7513L19.2855 19.2868" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\tabs\\_example\\lazy-load.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 class="t-tab-panel" style="display:none"><p style="padding:25px">选项卡2的内容，使用 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">这是选项卡1的内容，使用 Tabs 渲染</p></div><div class="t-tab-panel" style="display:none"><p style="padding:25px">这是选项卡2的内容，使用 Tabs 渲染</p></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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\\components\\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\\components\\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-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></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-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></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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="请输入" 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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><span title="可添加标签">可添加标签</span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="discount"><path id="fill1" fill="transparent" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z"></path><path id="fill2" fill="transparent" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z"></path><path id="stroke1" stroke="currentColor" d="M11.878 22.0207L1.97852 12.1212L11.878 2.22168L21.0704 2.92879L21.7775 12.1212L11.878 22.0207Z" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M13.9998 7.17075C14.7809 6.3897 16.0472 6.3897 16.8283 7.17075C17.6093 7.9518 17.6093 9.21813 16.8283 9.99917C16.0472 10.7802 14.7809 10.7802 13.9998 9.99917C13.2188 9.21813 13.2188 7.9518 13.9998 7.17075Z" stroke-width="2"></path></g></svg><span title="默认标签">默认标签</span></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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 t-tag-input--drag-sort" 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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\\components\\tag-input\\_example\\max-row.tsx 1`] = `"<div style="width:80%;gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><h3>最大高度为2</h3></div><div class="t-space-item"><div style="--max-rows:2;--tag-input-size:small" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">小尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-s"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为3</h3></div><div class="t-space-item"><div style="--max-rows:3;--tag-input-size:medium" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" value="" spellcheck="false"><div class="t-input t-align-left t-input--prefix"><div class="t-input__prefix"><div class="t-tag-input__prefix">中等尺寸: </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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner" value=""/><span class="t-input__input-pre"></span></div></div></div><div class="t-space-item"><h3>最大高度为4</h3></div><div class="t-space-item"><div style="--max-rows:4;--tag-input-size:large" class="t-input__wrap t-tag-input t-tag-input--break-line t-tag-input--with-tag t-tag-input--max-rows" 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-input__prefix">大尺寸: </div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Svelte">Svelte</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Solid">Solid</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Flutter">Flutter</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="UniApp">UniApp</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Html5">Html5</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Css3">Css3</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="JavaScript">JavaScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="TypeScript">TypeScript</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Node.js">Node.js</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Python">Python</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Java">Java</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Go">Go</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="Rust">Rust</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark t-size-l"><span title="C++">C++</span><svg fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-close t-tag__icon-close" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><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\\components\\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" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，autosize=true" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-hide-scrollbar"></textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，高度可自适应，最少3行，最多10行，超过会出滚动条" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-resize-none"></textarea></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\textarea\\_example\\events.tsx 1`] = `"<div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">这里可以放一些提示文字</div><span class="t-textarea__limit">0<!-- -->/20</span></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制无法输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="请输入内容，一个中文汉字表示两个字符长度，超出限制可以输入" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></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="自定义计数元素" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default"></textarea><div class="t-textarea__info_wrapper t-textarea__info_wrapper_align"><div style="font-size:12px"><span style="color:gray">0</span>/<span style="color:mediumblue">20</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入内容" readonly="" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">只读状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="请输入内容" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default t-is-disabled" disabled="">禁用状态</textarea></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="normal" style="height:auto;min-height:auto" class="t-textarea__inner t-is-default">普通状态</textarea><div class="t-textarea__info_wrapper"><div class="t-textarea__tips t-textarea__tips--default">正常提示</div></div></div></div><div class="t-space-item"><div class="t-textarea"><textarea placeholder="success" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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" style="height:auto;min-height:auto" 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\\components\\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-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 fill="none" viewBox="0 0 24 24" width="1em" height="1em" class="t-icon t-icon-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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-align-left t-input--suffix"><input placeholder="请输入" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></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="选择时间" 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="选择时间" 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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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-time" style="fill:none"><g id="time"><path id="fill1" fill="transparent" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"></path><path id="stroke1" stroke="currentColor" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 6.5L12 12L15 15" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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></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\\components\\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\\components\\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></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" style="fill:none" color="var(--td-brand-color)"><g id="tips"><path id="fill1" fill="transparent" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z"></path><path id="stroke1" stroke="currentColor" d="M22 3L22 18L15 18L12 21L9 18L2 18L2 3L22 3Z" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none" color="var(--td-brand-color)"><g id="heart"><path id="fill1" fill="transparent" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" clip-rule="evenodd"></path><path id="stroke1" stroke="currentColor" d="M4.19633 12.1965C2.15461 10.1548 2.15461 6.84451 4.19634 4.80278C6.23806 2.76105 9.54836 2.76105 11.5901 4.80278L12.0008 5.21354L12.4108 4.80429C14.4525 2.76256 17.7628 2.76256 19.8046 4.80429C21.8463 6.84602 21.8463 10.1563 19.8046 12.198L12 20.0011L4.19633 12.1965Z" fill-rule="evenodd" stroke-linecap="square" stroke-width="2" clip-rule="evenodd"></path></g></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" style="fill:none" color="var(--td-brand-color)"><g id="home"><path id="fill1" fill="transparent" d="M3 10L12 2.5L21 10V21H3V10Z"></path><path id="fill2" fill="transparent" d="M9 14H15V21H9V14Z"></path><path id="stroke2" stroke="currentColor" d="M9 14H15V21H9V14Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M3 10L12 2.5L21 10V21H3V10Z" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div 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\\components\\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></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></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></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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\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\\components\\tooltip\\_example\\mouse.tsx 1`] = `"<div><a id="testa" href="#">文案比较长...</a></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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\\components\\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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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\\components\\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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-pagination__jump">跳至<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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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="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" style="fill:none"><g id="search"><path id="fill1" fill="transparent" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"></path><path id="stroke2" stroke="currentColor" d="M15.8027 15.8037L21.106 21.107" stroke-linecap="square" stroke-width="2"></path><path id="stroke1" stroke="currentColor" d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z" stroke-linecap="square" stroke-width="2"></path></g></svg></span></div></div></div><div class="t-transfer__list-content narrow-scrollbar"><div class="t-transfer__empty"><span>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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" style="fill:none"><g id="chevron-right"><path id="stroke1" stroke="currentColor" d="M9.5 17.5L15 12L9.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="chevron-left"><path id="stroke1" stroke="currentColor" d="M14.5 17.5L9 12L14.5 6.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></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>暂无数据</span></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\base.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\expand-level.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="请输入" 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">暂无数据</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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\label.tsx 1`] = `"<div class="t-tree t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\lazy.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><div class="t-space-item"><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-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item">严格模式: </div><div class="t-space-item"><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-space-item"><div class="t-tree t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div><div class="t-space-item"><h3>render</h3></div><div class="t-space-item"><div class="t-tree t-tree--transition">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\load.tsx 1`] = `"<div class="t-tree t-tree--hoverable t-tree--transition">暂无数据</div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\tree\\_example\\operations.tsx 1`] = `"<div style="gap:16px" class="t-space t-space-vertical"><div class="t-space-item"><style>.tdesign-tree-operations .t-is-active .t-tree__label { background-color: rgba(0, 0, 255, 0.2);}</style></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"><span>严格模式</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>允许多个节点同时高亮</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>插入节点使用高亮节点</span></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"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><span>子节点展开触发父节点展开</span></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></div><div class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><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="请输入" type="text" class="t-input__inner" value=""/></div></div></div></div></div></div><div class="t-space-item"><div class="t-tree tdesign-tree-operations t-tree--hoverable t-tree--checkable t-tree--transition">暂无数据</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"><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 class="t-space-item"><div style="gap:16px" class="t-space t-space-horizontal"><div class="t-space-item"><strong>* 相关信息通过控制台输出</strong></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</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\\components\\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="请输入" 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="请输入" 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="请输入" 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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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">暂无数据</div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span>+<!-- -->1</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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 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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-tag t-tag--default t-tag--dark"><span title="更多...">更多...</span></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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></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\\components\\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-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\\components\\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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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\\components\\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-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" style="fill:none"><g id="user"><g id="fill1"><path fill="transparent" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z"></path><path fill="transparent" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z"></path></g><g id="stroke1"><path stroke="currentColor" d="M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke-linecap="square" stroke-width="2"></path><path stroke="currentColor" d="M20 21V19C20 16.7909 18.2091 15 16 15H8C5.79086 15 4 16.7909 4 19V21H20Z" stroke-linecap="square" stroke-width="2"></path></g></g></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" style="fill:none"><path id="caret-down-small" fill="currentColor" d="M12.0001 15L17.5 9.5H6.5L12.0001 15Z"></path></svg></span></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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-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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div><div class="t-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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div><input placeholder="" type="text" class="t-input__inner t-input--soft-hidden" readonly="" 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\\components\\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\\components\\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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="copy"><path id="fill1" fill="transparent" d="M10 10H21V21H10z"></path><path id="stroke1" stroke="currentColor" d="M10 10H21V21H10V10Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M14 6.5V3L3 3L3 14H6.5" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="angry"><path id="fill1" fill="transparent" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"></path><path id="stroke1" stroke="currentColor" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16.8668 9.5L15.1348 10.5M8.86682 10.5L7.13477 9.5M8.53516 16C9.22678 14.8044 10.5195 14 12 14C13.4806 14 14.7733 14.8044 15.4649 16" stroke-linecap="square" stroke-width="2"></path></g></svg></button></span>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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="fill:none;margin-left:4px;font-size:16px"><g id="chevron-down"><path id="stroke1" stroke="currentColor" d="M17.5 9.5L12 15L6.5 9.5" stroke-linecap="square" stroke-width="2"></path></g></svg></span></span></span></span></span></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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\\components\\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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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" style="fill:none"><g id="close"><path id="stroke1" stroke="currentColor" d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029" stroke-linecap="square" stroke-width="2"></path></g></svg></div></div></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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" style="fill:none"><g id="cloud-upload"><path id="stroke1" stroke="currentColor" d="M4 17.4003C2.21916 16.4899 1 14.6373 1 12.5C1 9.79943 2.94636 7.55346 5.51282 7.08835C5.72518 3.69029 8.54842 1 12 1C15.4516 1 18.2748 3.69029 18.4872 7.08835C21.0536 7.55346 23 9.79943 23 12.5C23 14.6373 21.7808 16.4899 20 17.4003" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M8 15L12 11L16 15M12 22V12.25" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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">点击上传</span><span>  /  <!-- -->拖拽到此区域</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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></path></svg></div><small class="t-size-s">文件大小<!-- -->：<!-- -->1.0 KB</small><small class="t-size-s">上传日期<!-- -->：<!-- -->2022-09-25</small><div class="t-upload__dragger-btns"></div><div class="t-upload__dragger-btns"><a class="t-upload__dragger-progress-cancel t-link t-link--theme-primary t-link--hover-color">重新选择</a><a class="t-upload__dragger-delete-btn t-link t-link--theme-danger t-link--hover-color">删除</a></div></div></div></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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">点击上方“选择文件”或将文件拖拽到此区域</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">取消上传</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">点击上传</span></div></div></div></div></div></div>"`;
-
-exports[`ssr snapshot test > ssr test packages\\components\\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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></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></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></svg></div><div class="t-space-item">图片加载中</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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><g id="add"><path id="stroke1" stroke="currentColor" d="M12 5L12 19M19 12L5 12" stroke-linecap="square" stroke-width="2"></path></g></svg><p class="t-size-s t-upload__add-text">点击上传图片</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\\components\\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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">继续选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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">点击上传</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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">重新选择</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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM7.49985 10.5858L10.4999 13.5858L16.4999 7.58578L17.9141 8.99999L10.4999 16.4142L6.08564 12L7.49985 10.5858Z"></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="fill:none;font-size:24px"><g id="image"><path id="fill1" fill="transparent" d="M3 21H20L9 10L3 16V21Z"></path><circle id="fill2" cx="15.75" cy="8.25" r="2" fill="transparent"></circle><path id="stroke1" stroke="currentColor" d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21" stroke-width="2"></path><circle id="stroke2" cx="15.75" cy="8.25" r="2" stroke="currentColor" stroke-width="2"></circle></g></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" style="fill:none"><g id="browse" clip-path="url(#clip0_543_7945)"><path id="fill1" fill="transparent" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"></path><path id="fill2" fill="transparent" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"></path><path id="stroke1" stroke="currentColor" d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke-linecap="square" stroke-width="2"></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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23ZM12.9999 5.49999H10.9999L10.9998 12.4142L14.9999 16.4142L16.4141 15L12.9999 11.5858V5.49999Z"></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>上传中<!-- --> 10%</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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" style="fill:none"><path fill="currentColor" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM11.0001 14H13.0001V6.49998H11.0001V14ZM13.004 15.5H11.0001V17.5039H13.004V15.5Z"></path></svg><p>上传失败</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" style="fill:none"><g id="delete"><path id="fill1" fill="transparent" d="M5 5H19L18.5 22H5.5L5 5Z"></path><path id="stroke1" stroke="currentColor" d="M21 5H3M5 5H19L18.5 22H5.5L5 5ZM8.5 2H15.5V5H8.5V2Z" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M12 9V18" stroke-linecap="square" stroke-width="2"></path></g></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\\components\\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></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" style="fill:none"><g id="upload"><path id="stroke1" stroke="currentColor" d="M16.5 8.5L12 4L7.5 8.5M12 5.25V15" stroke-linecap="square" stroke-width="2"></path><path id="stroke2" stroke="currentColor" d="M20.5 15V20H3.5V15" stroke-linecap="square" stroke-width="2"></path></g></svg><span class="t-button__text">选择文件</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\\components\\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\\components\\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">选择文件</span></button></div></div></div></div></div>"`;

From a7df10ece11b08f41559e84ec95ba8492230e194 Mon Sep 17 00:00:00 2001
From: tdesign-bot <tdesign@tencent.com>
Date: Wed, 13 May 2026 14:00:44 +0000
Subject: [PATCH 17/27] chore: stash changelog [ci skip]

---
 packages/tdesign-react/.changelog/pr-4184.md | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 packages/tdesign-react/.changelog/pr-4184.md

diff --git a/packages/tdesign-react/.changelog/pr-4184.md b/packages/tdesign-react/.changelog/pr-4184.md
new file mode 100644
index 0000000000..adb888e0a4
--- /dev/null
+++ b/packages/tdesign-react/.changelog/pr-4184.md
@@ -0,0 +1,6 @@
+---
+pr_number: 4184
+contributor: RSS1102
+---
+
+- feat(ImageViewer): 优化 ImageViewer 的行为，支持视口之外的图片向中心缩放 @RSS1102 ([#4184](https://github.com/Tencent/tdesign-react/pull/4184))

From 4f3611d1cd601cee390316822d54ad2b81b9a63e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 13 May 2026 23:36:18 +0800
Subject: [PATCH 18/27] =?UTF-8?q?test(image-viewer):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E5=BF=AB=E7=85=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__snapshots__/hooks.test.tsx.snap         |   27 +
 .../__snapshots__/image-viewer.test.tsx.snap  | 7225 +++++++++++++++++
 .../__snapshots__/utils.test.ts.snap          |   54 +
 .../image-viewer/__tests__/hooks.test.tsx     |  784 ++
 .../__tests__/image-viewer.test.tsx           |  317 +
 .../image-viewer/__tests__/transform.test.ts  |  385 +
 .../image-viewer/__tests__/utils.test.ts      |  295 +
 7 files changed, 9087 insertions(+)
 create mode 100644 packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap
 create mode 100644 packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
 create mode 100644 packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
 create mode 100644 packages/components/image-viewer/__tests__/hooks.test.tsx
 create mode 100644 packages/components/image-viewer/__tests__/transform.test.ts
 create mode 100644 packages/components/image-viewer/__tests__/utils.test.ts

diff --git a/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap b/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap
new file mode 100644
index 0000000000..95729bf084
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap
@@ -0,0 +1,27 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`usePosition > snapshot: default state > usePosition-default-state 1`] = `
+{
+  "isDragging": false,
+  "position": [
+    0,
+    0,
+  ],
+  "resetPosition": [Function],
+  "setPosition": [Function],
+}
+`;
+
+exports[`useViewerScale > snapshot: custom config > useViewerScale-custom 1`] = `
+{
+  "minHeight": 480,
+  "minWidth": 600,
+}
+`;
+
+exports[`useViewerScale > snapshot: default config > useViewerScale-default 1`] = `
+{
+  "minHeight": 1000,
+  "minWidth": 1000,
+}
+`;
diff --git a/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
new file mode 100644
index 0000000000..85a8263240
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
@@ -0,0 +1,7225 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ImageViewer snapshots > DefaultTrigger 多张图片默认触发器渲染快照 > image-viewer-default-trigger-multi 1`] = `
+<div>
+  <div
+    class="t-image-viewer__trigger"
+  >
+    <div
+      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+    >
+      <img
+        alt="preview"
+        class="t-image t-image--fit-contain t-image--position-center"
+        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+      />
+      <div
+        class="t-image__loading"
+      >
+        <div
+          class="t-space t-space-align-center t-space-vertical"
+          style="gap: 8px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <svg
+              class="t-icon t-icon-image"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-space-item"
+          >
+            图片加载中
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__trigger--hover"
+    >
+      <span>
+        <svg
+          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 1.4em;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            clip-path="url(#clip0_543_7945)"
+            id="browse"
+          >
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              fill="transparent"
+              id="fill2"
+            />
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        预览
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer snapshots > DefaultTrigger 默认触发器渲染快照 > image-viewer-default-trigger 1`] = `
+<div>
+  <div
+    class="t-image-viewer__trigger"
+  >
+    <div
+      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+    >
+      <img
+        alt="preview"
+        class="t-image t-image--fit-contain t-image--position-center"
+        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+      />
+      <div
+        class="t-image__loading"
+      >
+        <div
+          class="t-space t-space-align-center t-space-vertical"
+          style="gap: 8px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <svg
+              class="t-icon t-icon-image"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-space-item"
+          >
+            图片加载中
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__trigger--hover"
+    >
+      <span>
+        <svg
+          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 1.4em;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            clip-path="url(#clip0_543_7945)"
+            id="browse"
+          >
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              fill="transparent"
+              id="fill2"
+            />
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        预览
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer snapshots > attach 到指定容器 > image-viewer-attach-custom-container 1`] = `
+<div
+  id="custom-attach-container"
+>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer snapshots > modeless 模式 > image-viewer-modeless 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-portal-wrapper appear appear-active"
+  >
+    <div
+      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
+      tabindex="0"
+    >
+      <div
+        class="t-dialog__wrap"
+      >
+        <div
+          class="t-dialog__position t-dialog--center"
+        >
+          <div
+            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
+            placement="center"
+            style="display: block; transform-origin: NaNpx NaNpx;"
+          >
+            <div
+              class="t-dialog__header"
+            >
+              <div
+                class="t-dialog__header-content"
+              >
+                <span
+                  class="t-image-viewer__dialog-title"
+                />
+              </div>
+              <span
+                class="t-dialog__close"
+                style="margin-left: auto;"
+              >
+                <svg
+                  class="t-icon t-icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+            <div
+              class="t-dialog__body"
+            >
+              <div
+                class="t-image-viewer-mini__content"
+              >
+                <div
+                  class="t-image-viewer__modal-pic"
+                >
+                  <div
+                    class="t-image-viewer__modal-box"
+                    style="transform: translate(0px, 0px) scale(1, 1);"
+                  >
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                      style="transform: rotateZ(0deg) scale(1); display: block;"
+                    />
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                      style="transform: rotateZ(0deg) scale(1); display: none;"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-dialog__footer"
+            >
+              <div
+                class="t-image-viewer-mini__footer"
+              >
+                <div
+                  class="t-image-viewer__utils"
+                >
+                  <div
+                    class="t-image-viewer__utils-content"
+                  >
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-mirror t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="mirror"
+                          >
+                            <g
+                              id="fill1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                fill="transparent"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                fill="transparent"
+                              />
+                            </g>
+                            <path
+                              d="M12 3L12 21"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <g
+                              id="stroke1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-rotation t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="rotation"
+                          >
+                            <path
+                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-out t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-out"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.5 10.5H10.5L13.5 10.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+                    >
+                      <span
+                        class="t-image-viewer__modal-icon-label"
+                      >
+                        100%
+                      </span>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-in t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-in"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-image t-size-m"
+                          fill="none"
+                          height="1em"
+                          name="image"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-download t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="download"
+                        >
+                          <path
+                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M20.5 15V20H3.5V15"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > modeless 模式 - 第二张图片 > image-viewer-modeless-second-image 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-portal-wrapper appear appear-active"
+  >
+    <div
+      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
+      tabindex="0"
+    >
+      <div
+        class="t-dialog__wrap"
+      >
+        <div
+          class="t-dialog__position t-dialog--center"
+        >
+          <div
+            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
+            placement="center"
+            style="display: block; transform-origin: NaNpx NaNpx;"
+          >
+            <div
+              class="t-dialog__header"
+            >
+              <div
+                class="t-dialog__header-content"
+              >
+                <span
+                  class="t-image-viewer__dialog-title"
+                />
+              </div>
+              <span
+                class="t-dialog__close"
+                style="margin-left: auto;"
+              >
+                <svg
+                  class="t-icon t-icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+            <div
+              class="t-dialog__body"
+            >
+              <div
+                class="t-image-viewer-mini__content"
+              >
+                <div
+                  class="t-image-viewer__modal-pic"
+                >
+                  <div
+                    class="t-image-viewer__modal-box"
+                    style="transform: translate(0px, 0px) scale(1, 1);"
+                  >
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+                      style="transform: rotateZ(0deg) scale(1); display: block;"
+                    />
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+                      style="transform: rotateZ(0deg) scale(1); display: none;"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-dialog__footer"
+            >
+              <div
+                class="t-image-viewer-mini__footer"
+              >
+                <div
+                  class="t-image-viewer__utils"
+                >
+                  <div
+                    class="t-image-viewer__utils-content"
+                  >
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-mirror t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="mirror"
+                          >
+                            <g
+                              id="fill1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                fill="transparent"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                fill="transparent"
+                              />
+                            </g>
+                            <path
+                              d="M12 3L12 21"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <g
+                              id="stroke1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-rotation t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="rotation"
+                          >
+                            <path
+                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-out t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-out"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.5 10.5H10.5L13.5 10.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+                    >
+                      <span
+                        class="t-image-viewer__modal-icon-label"
+                      >
+                        100%
+                      </span>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-in t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-in"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-image t-size-m"
+                          fill="none"
+                          height="1em"
+                          name="image"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-download t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="download"
+                        >
+                          <path
+                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M20.5 15V20H3.5V15"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 不可拖拽 > image-viewer-not-draggable 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 关闭按钮为 false > image-viewer-close-btn-disabled 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 单张图片默认状态 > image-viewer-single-image-default 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-image-default 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      1/3
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 无遮罩层 > image-viewer-no-overlay 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 自定义 imageScale 配置 > image-viewer-custom-scale-config 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      1/2
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            200%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(2); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(2); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      1/2
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-close-btn 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <span
+      class="custom-close"
+    >
+      ✕
+    </span>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-next 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      2/3
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-prev 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      2/3
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 点击原始大小按钮后快照 > toolbar-after-reset 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 点击放大按钮后快照 > toolbar-after-zoom-in 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 点击旋转按钮后快照 > toolbar-after-rotate 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 点击缩小按钮后快照 > toolbar-after-zoom-out 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer toolbar event snapshots > 点击镜像按钮后快照 > toolbar-after-mirror 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        >
+          <span
+            class="t-image-viewer__modal-icon-label"
+          >
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap b/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
new file mode 100644
index 0000000000..04a35d5f2c
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
@@ -0,0 +1,54 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`formatImages snapshots > ImageInfo objects snapshot > formatImages-image-info-array 1`] = `
+[
+  {
+    "download": true,
+    "mainImage": "main1.jpg",
+    "thumbnail": "thumb1.jpg",
+  },
+  {
+    "download": false,
+    "isSvg": true,
+    "mainImage": "main2.jpg",
+    "thumbnail": "main2.jpg",
+  },
+]
+`;
+
+exports[`formatImages snapshots > empty array snapshot > formatImages-empty 1`] = `[]`;
+
+exports[`formatImages snapshots > mixed array snapshot > formatImages-mixed-array 1`] = `
+[
+  {
+    "download": true,
+    "mainImage": "simple.jpg",
+    "thumbnail": "simple.jpg",
+  },
+  {
+    "download": true,
+    "mainImage": "complex.jpg",
+    "thumbnail": "complex-thumb.jpg",
+  },
+]
+`;
+
+exports[`formatImages snapshots > string images snapshot > formatImages-string-array 1`] = `
+[
+  {
+    "download": true,
+    "mainImage": "img1.jpg",
+    "thumbnail": "img1.jpg",
+  },
+  {
+    "download": true,
+    "mainImage": "img2.png",
+    "thumbnail": "img2.png",
+  },
+  {
+    "download": true,
+    "mainImage": "img3.gif",
+    "thumbnail": "img3.gif",
+  },
+]
+`;
diff --git a/packages/components/image-viewer/__tests__/hooks.test.tsx b/packages/components/image-viewer/__tests__/hooks.test.tsx
new file mode 100644
index 0000000000..2f0e196956
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/hooks.test.tsx
@@ -0,0 +1,784 @@
+/**
+ * hooks.test.tsx — ImageViewer hooks 单元测试
+ *
+ * 测试以下 hooks:
+ * - useScale（含 ZoomOptions 中心缩放、节流、双指缩放）
+ * - useMirror
+ * - useRotate
+ * - useImageScale
+ * - usePosition（拖拽位移）
+ * - useViewerScale（弹窗尺寸配置）
+ * - useIndex（图片切换下标）
+ */
+import React from 'react';
+import { renderHook, act, vi } from '@test/utils';
+
+import { DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
+import useScale from '../hooks/useScale';
+import useMirror from '../hooks/useMirror';
+import useRotate from '../hooks/useRotate';
+import useImageScale from '../hooks/useImageScale';
+import usePosition from '../hooks/usePosition';
+import useViewerScale from '../hooks/useViewerScale';
+
+// ─── useMirror ───────────────────────────────────────────────────────────
+describe('useMirror', () => {
+  it('initial value is 1', () => {
+    const { result } = renderHook(() => useMirror());
+    expect(result.current.mirror).toBe(1);
+  });
+
+  it('toggles between 1 and -1', () => {
+    const { result } = renderHook(() => useMirror());
+
+    act(() => result.current.onMirror());
+    expect(result.current.mirror).toBe(-1);
+
+    act(() => result.current.onMirror());
+    expect(result.current.mirror).toBe(1);
+
+    act(() => result.current.onMirror());
+    expect(result.current.mirror).toBe(-1);
+  });
+
+  it('resetMirror restores to 1', () => {
+    const { result } = renderHook(() => useMirror());
+
+    act(() => result.current.onMirror());
+    act(() => result.current.onMirror());
+    act(() => result.current.onMirror());
+    expect(result.current.mirror).toBe(-1);
+
+    act(() => result.current.onResetMirror());
+    expect(result.current.mirror).toBe(1);
+  });
+
+  it('rapid toggles (10 times) return to 1', () => {
+    const { result } = renderHook(() => useMirror());
+
+    act(() => {
+      for (let i = 0; i < 10; i++) {
+        result.current.onMirror();
+      }
+    });
+    expect(result.current.mirror).toBe(1);
+  });
+
+  it('multiple resets are idempotent', () => {
+    const { result } = renderHook(() => useMirror());
+
+    act(() => result.current.onMirror());
+    act(() => result.current.onResetMirror());
+    act(() => result.current.onResetMirror());
+    act(() => result.current.onResetMirror());
+    expect(result.current.mirror).toBe(1);
+  });
+});
+
+// ─── useRotate ───────────────────────────────────────────────────────────
+describe('useRotate', () => {
+  it('initial value is 0', () => {
+    const { result } = renderHook(() => useRotate());
+    expect(result.current.rotateZ).toBe(0);
+  });
+
+  it('rotates by -90° each time', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => result.current.onRotate());
+    expect(result.current.rotateZ).toBe(-90);
+
+    act(() => result.current.onRotate());
+    expect(result.current.rotateZ).toBe(-180);
+
+    act(() => result.current.onRotate());
+    expect(result.current.rotateZ).toBe(-270);
+
+    act(() => result.current.onRotate());
+    expect(result.current.rotateZ).toBe(-360);
+  });
+
+  it('continues beyond 360°', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => {
+      for (let i = 0; i < 5; i++) {
+        result.current.onRotate();
+      }
+    });
+    expect(result.current.rotateZ).toBe(-450);
+  });
+
+  it('multiple full rotations', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => {
+      for (let i = 0; i < 8; i++) {
+        result.current.onRotate();
+      }
+    });
+    expect(result.current.rotateZ).toBe(-720);
+  });
+
+  it('resetRotate from -270° (shortest path to 0°)', () => {
+    const { result } = renderHook(() => useRotate());
+
+    // Rotate to -270°
+    act(() => {
+      for (let i = 0; i < 3; i++) {
+        result.current.onRotate();
+      }
+    });
+    expect(result.current.rotateZ).toBe(-270);
+
+    // -270 % 360 = -270, |-270| > 180 → adjusted = (-270+360)%360 = 90
+    // newRotateZ = -270 - 90 = -360 ≡ 0°
+    act(() => result.current.onResetRotate());
+    expect(result.current.rotateZ).toBe(-360);
+  });
+
+  it('resetRotate from -180° (boundary)', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => {
+      result.current.onRotate();
+      result.current.onRotate();
+    });
+    expect(result.current.rotateZ).toBe(-180);
+
+    // -180 % 360 = -180, |-180| ≤ 180 → adjusted = -180
+    // newRotateZ = -180 - (-180) = 0
+    act(() => result.current.onResetRotate());
+    expect(result.current.rotateZ).toBe(0);
+  });
+
+  it('resetRotate from 0° does nothing', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => result.current.onResetRotate());
+    expect(result.current.rotateZ).toBe(0);
+  });
+
+  it('reset during rotation sequence', () => {
+    const { result } = renderHook(() => useRotate());
+
+    act(() => {
+      result.current.onRotate(); // -90
+      result.current.onRotate(); // -180
+    });
+    expect(result.current.rotateZ).toBe(-180);
+
+    act(() => result.current.onResetRotate()); // → 0
+
+    act(() => result.current.onRotate()); // -90
+    expect(result.current.rotateZ).toBe(-90);
+  });
+});
+
+// ─── useImageScale ───────────────────────────────────────────────────────
+describe('useImageScale', () => {
+  it('returns defaults when no config provided', () => {
+    const result = useImageScale();
+    expect(result).toEqual(DEFAULT_IMAGE_SCALE);
+  });
+
+  it('merges partial config with defaults', () => {
+    const result = useImageScale({ max: 5 });
+    expect(result).toEqual({ ...DEFAULT_IMAGE_SCALE, max: 5 });
+  });
+
+  it('clamps defaultScale to max', () => {
+    const result = useImageScale({ max: 3, defaultScale: 5 });
+    expect(result.defaultScale).toBe(3);
+  });
+
+  it('clamps defaultScale to min', () => {
+    const result = useImageScale({ min: 2, defaultScale: 1 });
+    expect(result.defaultScale).toBe(2);
+  });
+
+  it('custom imageScale config fully overrides', () => {
+    const config = { max: 5, min: 0.1, step: 0.5, defaultScale: 2 };
+    const result = useImageScale(config);
+    expect(result).toEqual(config);
+  });
+
+  it('defaultScale undefined uses DEFAULT_IMAGE_SCALE.defaultScale', () => {
+    const result = useImageScale({ max: 3, min: 0.5, step: 0.1 });
+    expect(result.defaultScale).toBe(DEFAULT_IMAGE_SCALE.defaultScale);
+  });
+});
+
+// ─── useScale ────────────────────────────────────────────────────────────
+describe('useScale', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('default scale value is 1', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    expect(result.current.scale).toBe(1);
+  });
+
+  it('custom defaultScale', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1.5 }));
+    expect(result.current.scale).toBe(1.5);
+  });
+
+  it('defaultScale clamped to max', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 5 }));
+    expect(result.current.scale).toBe(2);
+  });
+
+  it('defaultScale clamped to min', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 1.5, step: 0.2, defaultScale: 0.5 }));
+    expect(result.current.scale).toBe(1.5);
+  });
+
+  it('onZoomIn increases scale', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onZoomIn();
+    });
+    expect(result.current.scale).toBeCloseTo(1.2);
+  });
+
+  it('onZoomOut decreases scale', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onZoomOut();
+    });
+    expect(result.current.scale).toBeCloseTo(0.8);
+  });
+
+  it('max scale boundary', () => {
+    const { result } = renderHook(() => useScale({ max: 1.5, min: 0.5, step: 0.5, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBe(1.5);
+
+    act(() => {
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBe(1.5); // 不超过 max
+  });
+
+  it('min scale boundary', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.3, defaultScale: 0.6 }));
+
+    act(() => {
+      result.current.onZoomOut();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBe(0.5);
+  });
+
+  it('onResetScale restores defaultScale', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBeCloseTo(1.4);
+
+    act(() => result.current.onResetScale());
+    expect(result.current.scale).toBe(1);
+  });
+
+  it('small step values', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.05, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBeCloseTo(1.05);
+  });
+
+  it('large scale values', () => {
+    const { result } = renderHook(() => useScale({ max: 10, min: 0.1, step: 1, defaultScale: 5 }));
+    expect(result.current.scale).toBe(5);
+
+    act(() => {
+      result.current.onZoomIn();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBe(6);
+
+    act(() => {
+      result.current.onZoomOut();
+      vi.advanceTimersByTime(100);
+    });
+    expect(result.current.scale).toBe(5);
+  });
+
+  // ─── ZoomOptions（中心缩放）──────────────────────────────────────────
+  describe('ZoomOptions (center zoom)', () => {
+    it('onZoomIn with center zoom (mouseOffset = 0)', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      let zoomResult;
+      act(() => {
+        zoomResult = result.current.onZoomIn({
+          mouseOffsetX: 0,
+          mouseOffsetY: 0,
+          currentTranslate: { translateX: 100, translateY: 50 },
+        });
+      });
+
+      expect(result.current.scale).toBeCloseTo(1.2);
+      // scaleRatio = 1.2/1 = 1.2
+      // newTx = 1.2 * 100 + (1 - 1.2) * 0 = 120
+      // newTy = 1.2 * 50  + (1 - 1.2) * 0 = 60
+      expect(zoomResult.newTranslate).toEqual({ translateX: 120, translateY: 60 });
+    });
+
+    it('onZoomIn with non-zero mouse offset', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      let zoomResult;
+      act(() => {
+        zoomResult = result.current.onZoomIn({
+          mouseOffsetX: 100,
+          mouseOffsetY: 50,
+          currentTranslate: { translateX: 0, translateY: 0 },
+        });
+      });
+
+      expect(result.current.scale).toBeCloseTo(1.2);
+      // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
+      // newTy = 1.2 * 0 + (1 - 1.2) * 50  = -10
+      expect(zoomResult.newTranslate.translateX).toBeCloseTo(-20);
+      expect(zoomResult.newTranslate.translateY).toBeCloseTo(-10);
+    });
+
+    it('onZoomOut with ZoomOptions preserves translate during zoom out', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      let zoomResult;
+      act(() => {
+        zoomResult = result.current.onZoomOut({
+          mouseOffsetX: 100,
+          mouseOffsetY: 100,
+          currentTranslate: { translateX: 50, translateY: 50 },
+        });
+      });
+
+      expect(result.current.scale).toBeCloseTo(0.8);
+      // scaleRatio = 0.8/1 = 0.8
+      // newTx = 0.8 * 50 + (1 - 0.8) * 100 = 40 + 20 = 60
+      // newTy = 0.8 * 50 + (1 - 0.8) * 100 = 40 + 20 = 60
+      expect(zoomResult.newTranslate).toEqual({ translateX: 60, translateY: 60 });
+    });
+
+    it('missing mouseOffset returns empty result', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      let zoomResult;
+      act(() => {
+        // 缺少 mouseOffsetX
+        zoomResult = result.current.onZoomIn({
+          mouseOffsetY: 50,
+          currentTranslate: { translateX: 0, translateY: 0 },
+        });
+      });
+      expect(zoomResult.newTranslate).toBeUndefined();
+    });
+
+    it('at max boundary, zoom in returns empty result', () => {
+      const { result } = renderHook(() => useScale({ max: 1.2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      // 先放大到 max
+      act(() => {
+        result.current.onZoomIn();
+        vi.advanceTimersByTime(100);
+      });
+      expect(result.current.scale).toBe(1.2);
+
+      // 再次放大已达边界
+      let zoomResult;
+      act(() => {
+        zoomResult = result.current.onZoomIn({
+          mouseOffsetX: 100,
+          mouseOffsetY: 100,
+          currentTranslate: { translateX: 0, translateY: 0 },
+        });
+      });
+      // 已达边界，prevScale === newScale，返回空 {}
+      expect(zoomResult).toEqual({});
+    });
+
+    it('zoom with existing translate and non-zero offset', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      let zoomResult;
+      act(() => {
+        // scale: 1 → 1.2, scaleRatio = 1.2
+        // newTx = 1.2 * 100 + (1 - 1.2) * 200 = 120 - 40 = 80
+        // newTy = 1.2 * 50 + (1 - 1.2) * 100 = 60 - 20 = 40
+        zoomResult = result.current.onZoomIn({
+          mouseOffsetX: 200,
+          mouseOffsetY: 100,
+          currentTranslate: { translateX: 100, translateY: 50 },
+        });
+      });
+
+      expect(zoomResult.newTranslate.translateX).toBeCloseTo(80);
+      expect(zoomResult.newTranslate.translateY).toBeCloseTo(40);
+    });
+  });
+
+  // ─── 节流行为 ──────────────────────────────────────────────────────────
+  describe('throttle behavior', () => {
+    it('throttles rapid onZoomIn calls (50ms, leading-only)', () => {
+      const { result } = renderHook(() => useScale({ max: 5, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+      act(() => {
+        // 连续快速调用 — 只有第一次生效（leading）
+        result.current.onZoomIn();
+        result.current.onZoomIn();
+        result.current.onZoomIn();
+      });
+      // 节流期间只执行了一次
+      expect(result.current.scale).toBeCloseTo(1.2);
+
+      // 等待节流间隔过去
+      act(() => {
+        vi.advanceTimersByTime(100);
+        result.current.onZoomIn();
+      });
+      expect(result.current.scale).toBeCloseTo(1.4);
+    });
+
+    it('throttles rapid onZoomOut calls', () => {
+      const { result } = renderHook(() => useScale({ max: 5, min: 0.1, step: 0.2, defaultScale: 1 }));
+
+      act(() => {
+        result.current.onZoomOut();
+        result.current.onZoomOut();
+        result.current.onZoomOut();
+      });
+      expect(result.current.scale).toBeCloseTo(0.8);
+    });
+  });
+});
+
+// ─── usePosition ─────────────────────────────────────────────────────────
+describe('usePosition', () => {
+  // 辅助：创建一个挂载了 usePosition 的测试组件，返回 ref 和 hook 结果
+  const createHook = (initPosition?: [number, number]) => {
+    const ref = { current: document.createElement('div') };
+    return renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>, { initPosition }));
+  };
+
+  it('initial position defaults to [0, 0]', () => {
+    const { result } = createHook();
+    expect(result.current.position).toEqual([0, 0]);
+    expect(result.current.isDragging).toBe(false);
+  });
+
+  it('custom initPosition', () => {
+    const { result } = createHook([100, 200]);
+    expect(result.current.position).toEqual([100, 200]);
+  });
+
+  it('resetPosition restores to initPosition', () => {
+    const { result } = createHook([50, 80]);
+
+    act(() => {
+      result.current.setPosition([300, 400]);
+    });
+    expect(result.current.position).toEqual([300, 400]);
+
+    act(() => {
+      result.current.resetPosition();
+    });
+    expect(result.current.position).toEqual([50, 80]);
+  });
+
+  it('resetPosition with default [0,0]', () => {
+    const { result } = createHook();
+
+    act(() => {
+      result.current.setPosition([123, 456]);
+    });
+    act(() => {
+      result.current.resetPosition();
+    });
+    expect(result.current.position).toEqual([0, 0]);
+  });
+
+  it('setPosition works directly', () => {
+    const { result } = createHook();
+
+    act(() => {
+      result.current.setPosition([42, 99]);
+    });
+    expect(result.current.position).toEqual([42, 99]);
+  });
+
+  it('mousedown sets isDragging to true', () => {
+    const divEl = document.createElement('div');
+    document.body.appendChild(divEl);
+    const ref = { current: divEl };
+    const { result } = renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>));
+
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 10, screenY: 20, button: 0 }));
+    });
+    expect(result.current.isDragging).toBe(true);
+    document.body.removeChild(divEl);
+  });
+
+  it('mouseup resets isDragging to false', () => {
+    const divEl = document.createElement('div');
+    document.body.appendChild(divEl);
+    const ref = { current: divEl };
+    const { result } = renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>));
+
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 0, screenY: 0, button: 0 }));
+    });
+    expect(result.current.isDragging).toBe(true);
+
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
+    });
+    expect(result.current.isDragging).toBe(false);
+    document.body.removeChild(divEl);
+  });
+
+  it('drag moves position by delta', () => {
+    const divEl = document.createElement('div');
+    document.body.appendChild(divEl);
+    const ref = { current: divEl };
+    const { result } = renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>));
+
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 100, screenY: 100, button: 0 }));
+    });
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, screenX: 150, screenY: 130 }));
+    });
+
+    expect(result.current.position[0]).toBe(50); // 150 - 100
+    expect(result.current.position[1]).toBe(30); // 130 - 100
+    document.body.removeChild(divEl);
+  });
+
+  it('snapshot: default state', () => {
+    const { result } = createHook();
+    expect(result.current).toMatchSnapshot('usePosition-default-state');
+  });
+});
+
+// ─── useViewerScale ───────────────────────────────────────────────────────
+describe('useViewerScale', () => {
+  it('returns defaults when no config provided', () => {
+    const result = useViewerScale(undefined);
+    expect(result).toEqual({ minWidth: 1000, minHeight: 1000 });
+  });
+
+  it('returns defaults when empty object provided', () => {
+    const result = useViewerScale({});
+    expect(result).toEqual({ minWidth: 1000, minHeight: 1000 });
+  });
+
+  it('overrides minWidth only', () => {
+    const result = useViewerScale({ minWidth: 800 });
+    expect(result).toEqual({ minWidth: 800, minHeight: 1000 });
+  });
+
+  it('overrides minHeight only', () => {
+    const result = useViewerScale({ minHeight: 600 });
+    expect(result).toEqual({ minWidth: 1000, minHeight: 600 });
+  });
+
+  it('overrides both minWidth and minHeight', () => {
+    const result = useViewerScale({ minWidth: 500, minHeight: 400 });
+    expect(result).toEqual({ minWidth: 500, minHeight: 400 });
+  });
+
+  it('zero values are accepted', () => {
+    const result = useViewerScale({ minWidth: 0, minHeight: 0 });
+    expect(result).toEqual({ minWidth: 0, minHeight: 0 });
+  });
+
+  it('snapshot: default config', () => {
+    expect(useViewerScale(undefined)).toMatchSnapshot('useViewerScale-default');
+  });
+
+  it('snapshot: custom config', () => {
+    expect(useViewerScale({ minWidth: 600, minHeight: 480 })).toMatchSnapshot('useViewerScale-custom');
+  });
+});
+
+// ─── useScale: 双指缩放 ────────────────────────────────────────────────────
+describe('useScale: touch events', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  const createTouchEvent = (x1: number, y1: number, x2: number, y2: number, type: string) => {
+    const t1 = { pageX: x1, pageY: y1 } as Touch;
+    const t2 = { pageX: x2, pageY: y2 } as Touch;
+    return new TouchEvent(type, { touches: [t1, t2], cancelable: true });
+  };
+
+  it('onTouchStart with 2 fingers records initial distance', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const touchStart = createTouchEvent(0, 0, 100, 0, 'touchstart');
+    act(() => {
+      result.current.onTouchStart(touchStart);
+    });
+    // 初始 distance = 100，不触发缩放，scale 不变
+    expect(result.current.scale).toBe(1);
+  });
+
+  it('onTouchStart with 1 finger does nothing', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const touchStart = new TouchEvent('touchstart', {
+      touches: [{ pageX: 0, pageY: 0 } as Touch],
+      cancelable: true,
+    });
+    act(() => {
+      result.current.onTouchStart(touchStart);
+    });
+    expect(result.current.scale).toBe(1);
+  });
+
+  it('onTouchMove pinch out (spread fingers) zooms in', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    // 初始距离 100
+    act(() => {
+      result.current.onTouchStart(createTouchEvent(0, 0, 100, 0, 'touchstart'));
+    });
+
+    // 手指扩大到 200（spread）→ zoom in
+    act(() => {
+      result.current.onTouchMove(createTouchEvent(0, 0, 200, 0, 'touchmove'));
+    });
+
+    expect(result.current.scale).toBeCloseTo(1.2);
+  });
+
+  it('onTouchMove pinch in (shrink fingers) zooms out', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    // 初始距离 200
+    act(() => {
+      result.current.onTouchStart(createTouchEvent(0, 0, 200, 0, 'touchstart'));
+    });
+
+    // 手指缩小到 100（pinch）→ zoom out
+    act(() => {
+      result.current.onTouchMove(createTouchEvent(0, 0, 100, 0, 'touchmove'));
+    });
+
+    expect(result.current.scale).toBeCloseTo(0.8);
+  });
+
+  it('onTouchMove with 1 finger does nothing', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const touchMove = new TouchEvent('touchmove', {
+      touches: [{ pageX: 100, pageY: 0 } as Touch],
+      cancelable: true,
+    });
+    act(() => {
+      result.current.onTouchMove(touchMove);
+    });
+    expect(result.current.scale).toBe(1);
+  });
+
+  it('onTouchEnd resets distance to 0', () => {
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    act(() => {
+      result.current.onTouchStart(createTouchEvent(0, 0, 100, 0, 'touchstart'));
+    });
+    act(() => {
+      result.current.onTouchEnd();
+    });
+    // 再次 touchmove 时没有有效 distance，依然可以缩放
+    act(() => {
+      result.current.onTouchMove(createTouchEvent(0, 0, 200, 0, 'touchmove'));
+    });
+    // distance.current was 0 before this move; 200 > 0 → zoomIn
+    expect(result.current.scale).toBeCloseTo(1.2);
+  });
+});
+
+// ─── Hooks 组合 ──────────────────────────────────────────────────────────
+describe('hooks combination', () => {
+  it('all hooks work together for image transformations', () => {
+    vi.useFakeTimers();
+
+    const { result: mirrorResult } = renderHook(() => useMirror());
+    const { result: rotateResult } = renderHook(() => useRotate());
+    const { result: scaleResult } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+
+    act(() => {
+      mirrorResult.current.onMirror();
+      rotateResult.current.onRotate();
+      rotateResult.current.onRotate();
+      scaleResult.current.onZoomIn();
+    });
+
+    expect(mirrorResult.current.mirror).toBe(-1);
+    expect(rotateResult.current.rotateZ).toBe(-180);
+    expect(scaleResult.current.scale).toBeCloseTo(1.2);
+
+    // 重置全部
+    act(() => {
+      mirrorResult.current.onResetMirror();
+      rotateResult.current.onResetRotate();
+      scaleResult.current.onResetScale();
+    });
+
+    expect(mirrorResult.current.mirror).toBe(1);
+    expect(rotateResult.current.rotateZ).toBe(0);
+    expect(scaleResult.current.scale).toBe(1);
+
+    vi.useRealTimers();
+  });
+
+  it('rapid operations across all hooks', () => {
+    vi.useFakeTimers();
+
+    const { result: scaleResult } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1 }));
+    const { result: mirrorResult } = renderHook(() => useMirror());
+    const { result: rotateResult } = renderHook(() => useRotate());
+
+    act(() => {
+      for (let i = 0; i < 5; i++) {
+        scaleResult.current.onZoomIn();
+        vi.advanceTimersByTime(60);
+        mirrorResult.current.onMirror();
+        rotateResult.current.onRotate();
+      }
+    });
+
+    expect(scaleResult.current.scale).toBeCloseTo(1.5);
+    expect(mirrorResult.current.mirror).toBe(-1);
+    expect(rotateResult.current.rotateZ).toBe(-450);
+
+    vi.useRealTimers();
+  });
+});
diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.tsx b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
index e07d5c6c38..a316e6335b 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.tsx
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -6,6 +6,7 @@ import { ImageViewer } from '../index';
 
 const imgUrl = 'https://tdesign.gtimg.com/demo/demo-image-1.png';
 const imgUrl2 = 'https://tdesign.gtimg.com/demo/demo-image-2.png';
+const imgUrl3 = 'https://tdesign.gtimg.com/demo/demo-image-3.png';
 // const errorImgUrl = 'https://tdesixxxxxxxxgn.gtimg.com/demo/demo-image-1.png';
 
 describe('ImageViewer', () => {
@@ -412,3 +413,319 @@ describe('ImageViewerModal', () => {
     expect(document.querySelector('.t-image-viewer__modal-image')?.getAttribute('referrerpolicy')).toBe(referrerPolicy);
   });
 });
+
+// ─── 快照测试 ─────────────────────────────────────────────────────────────────
+describe('ImageViewer snapshots', () => {
+  const triggerText = '预览单张图片';
+
+  test('单张图片默认状态', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-single-image-default');
+  });
+
+  test('多张图片默认状态', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2, imgUrl3]} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-multi-image-default');
+  });
+
+  test('自定义关闭按钮', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} closeBtn={<span className="custom-close">✕</span>} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-custom-close-btn');
+  });
+
+  test('关闭按钮为 false', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} closeBtn={false} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-close-btn-disabled');
+  });
+
+  test('无遮罩层', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} showOverlay={false} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-no-overlay');
+  });
+
+  test('不可拖拽', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} draggable={false} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-not-draggable');
+  });
+
+  test('自定义 imageScale 配置', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return (
+        <ImageViewer
+          trigger={trigger}
+          images={[imgUrl, imgUrl2]}
+          imageScale={{
+            max: 3,
+            min: 0.5,
+            step: 0.5,
+            defaultScale: 2,
+          }}
+        />
+      );
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-custom-scale-config');
+  });
+
+  test('modeless 模式', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} mode="modeless" />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-modeless');
+  });
+
+  test('modeless 模式 - 第二张图片', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} mode="modeless" />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    // 切换到第二张
+    const user = userEvent.setup();
+    await user.type(document.body, '{ArrowRight}');
+    await mockDelay();
+
+    expect(document.body).toMatchSnapshot('image-viewer-modeless-second-image');
+  });
+
+  test('自定义 title', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} title="自定义标题" />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(document.body).toMatchSnapshot('image-viewer-custom-title');
+  });
+
+  test('attach 到指定容器', async () => {
+    const customContainer = document.createElement('div');
+    customContainer.id = 'custom-attach-container';
+    document.body.appendChild(customContainer);
+
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} attach={() => customContainer} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+
+    await mockDelay();
+    expect(customContainer).toMatchSnapshot('image-viewer-attach-custom-container');
+
+    // 清理
+    document.body.removeChild(customContainer);
+  });
+
+  test('DefaultTrigger 默认触发器渲染快照', async () => {
+    // 不传 trigger，使用默认触发器
+    const { container } = render(<ImageViewer images={[imgUrl]} />);
+    await mockDelay();
+    expect(container).toMatchSnapshot('image-viewer-default-trigger');
+  });
+
+  test('DefaultTrigger 多张图片默认触发器渲染快照', async () => {
+    const { container } = render(<ImageViewer images={[imgUrl, imgUrl2, imgUrl3]} />);
+    await mockDelay();
+    expect(container).toMatchSnapshot('image-viewer-default-trigger-multi');
+  });
+});
+
+// ─── 工具栏事件快照测试 ────────────────────────────────────────────────────────
+describe('ImageViewer toolbar event snapshots', () => {
+  const triggerText = '工具栏测试';
+
+  const openViewer = async (images = [imgUrl]) => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={images} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await mockDelay();
+    return { getByText };
+  };
+
+  test('点击旋转按钮后快照', async () => {
+    await openViewer();
+    const rotateBtn = document.querySelector('.t-image-viewer__modal-rotate-RR');
+    if (rotateBtn) {
+      act(() => {
+        fireEvent.click(rotateBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-after-rotate');
+  });
+
+  test('点击放大按钮后快照', async () => {
+    await openViewer();
+    const zoomInBtn = document.querySelector('.t-image-viewer__modal-zoomIn');
+    if (zoomInBtn) {
+      act(() => {
+        fireEvent.click(zoomInBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-after-zoom-in');
+  });
+
+  test('点击缩小按钮后快照', async () => {
+    await openViewer();
+    const zoomOutBtn = document.querySelector('.t-image-viewer__modal-zoomOut');
+    if (zoomOutBtn) {
+      act(() => {
+        fireEvent.click(zoomOutBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-after-zoom-out');
+  });
+
+  test('点击镜像按钮后快照', async () => {
+    await openViewer();
+    const mirrorBtn = document.querySelector('.t-image-viewer__modal-mirrorX');
+    if (mirrorBtn) {
+      act(() => {
+        fireEvent.click(mirrorBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-after-mirror');
+  });
+
+  test('点击原始大小按钮后快照', async () => {
+    await openViewer();
+    const resetBtn = document.querySelector('.t-image-viewer__modal-original');
+    if (resetBtn) {
+      act(() => {
+        fireEvent.click(resetBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-after-reset');
+  });
+
+  test('多图导航：上一张/下一张按钮快照', async () => {
+    await openViewer([imgUrl, imgUrl2, imgUrl3]);
+
+    // 点击下一张
+    const nextBtn = document.querySelector('.t-image-viewer__modal-next-bt');
+    if (nextBtn) {
+      act(() => {
+        fireEvent.click(nextBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-navigate-next');
+
+    // 再次点击下一张
+    const nextBtn2 = document.querySelector('.t-image-viewer__modal-next-bt');
+    if (nextBtn2) {
+      act(() => {
+        fireEvent.click(nextBtn2);
+      });
+      await mockDelay();
+    }
+
+    // 点击上一张
+    const prevBtn = document.querySelector('.t-image-viewer__modal-prev-bt');
+    if (prevBtn) {
+      act(() => {
+        fireEvent.click(prevBtn);
+      });
+      await mockDelay();
+    }
+    expect(document.body).toMatchSnapshot('toolbar-navigate-prev');
+  });
+});
diff --git a/packages/components/image-viewer/__tests__/transform.test.ts b/packages/components/image-viewer/__tests__/transform.test.ts
new file mode 100644
index 0000000000..c93165c99b
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/transform.test.ts
@@ -0,0 +1,385 @@
+/**
+ * transform.test.ts — 纯函数测试
+ *
+ * 测试 @tdesign/common-js/image-viewer/transform 中的所有导出函数：
+ * - toggleMirror / MIRROR_DEFAULT
+ * - calcResetRotation / ROTATE_DEG
+ * - clampScale / calcZoomInScale / calcZoomOutScale
+ * - calculateTranslateOffset
+ * - zoomIn / zoomOut
+ * - isImageExceedsViewport
+ * - DEFAULT_IMAGE_SCALE
+ */
+import { describe, it, expect } from 'vitest';
+import {
+  DEFAULT_IMAGE_SCALE,
+  MIRROR_DEFAULT,
+  ROTATE_DEG,
+  toggleMirror,
+  calcResetRotation,
+  clampScale,
+  calcZoomInScale,
+  calcZoomOutScale,
+  calculateTranslateOffset,
+  zoomIn,
+  zoomOut,
+  isImageExceedsViewport,
+} from '@tdesign/common-js/image-viewer/transform';
+
+// ─── 常量 ────────────────────────────────────────────────────────────────
+describe('constants', () => {
+  it('DEFAULT_IMAGE_SCALE', () => {
+    expect(DEFAULT_IMAGE_SCALE).toEqual({
+      max: 2,
+      min: 0.5,
+      step: 0.2,
+      defaultScale: 1,
+    });
+  });
+
+  it('MIRROR_DEFAULT = 1', () => {
+    expect(MIRROR_DEFAULT).toBe(1);
+  });
+
+  it('ROTATE_DEG = -90', () => {
+    expect(ROTATE_DEG).toBe(-90);
+  });
+});
+
+// ─── toggleMirror ────────────────────────────────────────────────────────
+describe('toggleMirror', () => {
+  it('toggles from default(1) to -1', () => {
+    expect(toggleMirror(1)).toBe(-1);
+  });
+
+  it('toggles from -1 back to 1', () => {
+    expect(toggleMirror(-1)).toBe(1);
+  });
+
+  it('rapid toggles (10 times) return to 1', () => {
+    let mirror = MIRROR_DEFAULT;
+    for (let i = 0; i < 10; i++) {
+      mirror = toggleMirror(mirror);
+    }
+    expect(mirror).toBe(1);
+  });
+
+  it('odd number of toggles gives -1', () => {
+    let mirror = MIRROR_DEFAULT;
+    for (let i = 0; i < 5; i++) {
+      mirror = toggleMirror(mirror);
+    }
+    expect(mirror).toBe(-1);
+  });
+});
+
+// ─── calcResetRotation ──────────────────────────────────────────────────
+describe('calcResetRotation', () => {
+  it('0° → no adjustment', () => {
+    expect(calcResetRotation(0)).toBe(0);
+  });
+
+  it('-90° → -90 (|deg| ≤ 180, same value)', () => {
+    expect(calcResetRotation(-90)).toBe(-90);
+  });
+
+  it('-180° → -180 (boundary, |deg| = 180)', () => {
+    expect(calcResetRotation(-180)).toBe(-180);
+  });
+
+  it('-270° → 90 (|deg| > 180, shortest path via +90)', () => {
+    expect(calcResetRotation(-270)).toBe(90);
+  });
+
+  it('-360° → no adjustment (full rotation)', () => {
+    expect(calcResetRotation(-360)).toBe(0);
+  });
+
+  it('-450° → -90 (-450 % 360 = -90)', () => {
+    expect(calcResetRotation(-450)).toBe(-90);
+  });
+
+  it('-720° → no adjustment (two full rotations)', () => {
+    expect(calcResetRotation(-720)).toBe(0);
+  });
+
+  it('positive 90° → 90', () => {
+    expect(calcResetRotation(90)).toBe(90);
+  });
+
+  it('positive 270° → shortest path', () => {
+    // 270 % 360 = 270, |270| > 180 → (270 + 360) % 360 = 270
+    expect(calcResetRotation(270)).toBe(270);
+  });
+});
+
+// ─── clampScale ──────────────────────────────────────────────────────────
+describe('clampScale', () => {
+  it('within range returns same value', () => {
+    expect(clampScale(1, 0.5, 2)).toBe(1);
+  });
+
+  it('below min returns min', () => {
+    expect(clampScale(0.1, 0.5, 2)).toBe(0.5);
+  });
+
+  it('above max returns max', () => {
+    expect(clampScale(5, 0.5, 2)).toBe(2);
+  });
+
+  it('equal to min', () => {
+    expect(clampScale(0.5, 0.5, 2)).toBe(0.5);
+  });
+
+  it('equal to max', () => {
+    expect(clampScale(2, 0.5, 2)).toBe(2);
+  });
+
+  it('zero', () => {
+    expect(clampScale(0, 0.5, 2)).toBe(0.5);
+  });
+
+  it('negative value', () => {
+    expect(clampScale(-1, 0.5, 2)).toBe(0.5);
+  });
+});
+
+// ─── calcZoomInScale / calcZoomOutScale ──────────────────────────────────
+describe('calcZoomInScale', () => {
+  it('basic zoom in', () => {
+    expect(calcZoomInScale(1, 0.2, 0.5, 2)).toBeCloseTo(1.2);
+  });
+
+  it('clamps at max', () => {
+    expect(calcZoomInScale(1.9, 0.2, 0.5, 2)).toBe(2);
+  });
+
+  it('already at max returns max', () => {
+    expect(calcZoomInScale(2, 0.2, 0.5, 2)).toBe(2);
+  });
+
+  it('large step', () => {
+    expect(calcZoomInScale(1, 1, 0.5, 2)).toBe(2);
+  });
+
+  it('small step', () => {
+    expect(calcZoomInScale(1, 0.05, 0.5, 2)).toBeCloseTo(1.05);
+  });
+});
+
+describe('calcZoomOutScale', () => {
+  it('basic zoom out', () => {
+    expect(calcZoomOutScale(1, 0.2, 0.5, 2)).toBeCloseTo(0.8);
+  });
+
+  it('clamps at min', () => {
+    expect(calcZoomOutScale(0.6, 0.2, 0.5, 2)).toBe(0.5);
+  });
+
+  it('already at min returns min', () => {
+    expect(calcZoomOutScale(0.5, 0.2, 0.5, 2)).toBe(0.5);
+  });
+
+  it('large step', () => {
+    expect(calcZoomOutScale(1, 1, 0.5, 2)).toBe(0.5);
+  });
+});
+
+// ─── calculateTranslateOffset ────────────────────────────────────────────
+describe('calculateTranslateOffset', () => {
+  it('returns undefined when mouseOffsetX is missing', () => {
+    const result = calculateTranslateOffset(1, 1.2, {
+      mouseOffsetY: 50,
+      currentTranslate: { translateX: 0, translateY: 0 },
+    });
+    expect(result).toBeUndefined();
+  });
+
+  it('returns undefined when mouseOffsetY is missing', () => {
+    const result = calculateTranslateOffset(1, 1.2, {
+      mouseOffsetX: 50,
+      currentTranslate: { translateX: 0, translateY: 0 },
+    });
+    expect(result).toBeUndefined();
+  });
+
+  it('returns undefined when both offsets missing', () => {
+    const result = calculateTranslateOffset(1, 1.2, {
+      currentTranslate: { translateX: 0, translateY: 0 },
+    });
+    expect(result).toBeUndefined();
+  });
+
+  it('returns undefined when options is undefined', () => {
+    expect(calculateTranslateOffset(1, 1.2)).toBeUndefined();
+  });
+
+  it('center zoom (mouseOffset = 0): newT = scaleRatio * T', () => {
+    // scaleRatio = 1.2/1 = 1.2, T = {100, 50}
+    // newTx = 1.2 * 100 + (1 - 1.2) * 0 = 120
+    // newTy = 1.2 * 50  + (1 - 1.2) * 0 = 60
+    const result = calculateTranslateOffset(1, 1.2, {
+      mouseOffsetX: 0,
+      mouseOffsetY: 0,
+      currentTranslate: { translateX: 100, translateY: 50 },
+    });
+    expect(result).toEqual({ translateX: 120, translateY: 60 });
+  });
+
+  it('non-center zoom: formula verification', () => {
+    // scaleRatio = 1.2/1 = 1.2
+    // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
+    // newTy = 1.2 * 0 + (1 - 1.2) * 50  = -10
+    const result = calculateTranslateOffset(1, 1.2, {
+      mouseOffsetX: 100,
+      mouseOffsetY: 50,
+      currentTranslate: { translateX: 0, translateY: 0 },
+    });
+    expect(result.translateX).toBeCloseTo(-20);
+    expect(result.translateY).toBeCloseTo(-10);
+  });
+
+  it('zoom out with existing translate', () => {
+    // scaleRatio = 0.8/1 = 0.8
+    // newTx = 0.8 * 50  + (1 - 0.8) * 100 = 40 + 20 = 60
+    // newTy = 0.8 * 50  + (1 - 0.8) * 100 = 40 + 20 = 60
+    const result = calculateTranslateOffset(1, 0.8, {
+      mouseOffsetX: 100,
+      mouseOffsetY: 100,
+      currentTranslate: { translateX: 50, translateY: 50 },
+    });
+    expect(result).toEqual({ translateX: 60, translateY: 60 });
+  });
+
+  it('same scale (ratio = 1) returns same translate', () => {
+    const result = calculateTranslateOffset(1, 1, {
+      mouseOffsetX: 200,
+      mouseOffsetY: 200,
+      currentTranslate: { translateX: 50, translateY: 50 },
+    });
+    expect(result).toEqual({ translateX: 50, translateY: 50 });
+  });
+
+  it('missing currentTranslate defaults to {0, 0}', () => {
+    // scaleRatio = 1.2/1 = 1.2
+    // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
+    const result = calculateTranslateOffset(1, 1.2, {
+      mouseOffsetX: 100,
+      mouseOffsetY: 100,
+    });
+    expect(result.translateX).toBeCloseTo(-20);
+    expect(result.translateY).toBeCloseTo(-20);
+  });
+});
+
+// ─── zoomIn / zoomOut (组合函数) ─────────────────────────────────────────
+describe('zoomIn', () => {
+  it('basic zoom in without options', () => {
+    const { newScale, zoomResult } = zoomIn(1, 0.2, 0.5, 2);
+    expect(newScale).toBeCloseTo(1.2);
+    expect(zoomResult.newTranslate).toBeUndefined();
+  });
+
+  it('zoom in with ZoomOptions', () => {
+    const { newScale, zoomResult } = zoomIn(1, 0.2, 0.5, 2, {
+      mouseOffsetX: 0,
+      mouseOffsetY: 0,
+      currentTranslate: { translateX: 100, translateY: 50 },
+    });
+    expect(newScale).toBeCloseTo(1.2);
+    expect(zoomResult.newTranslate).toEqual({ translateX: 120, translateY: 60 });
+  });
+
+  it('zoom in at max boundary', () => {
+    const { newScale, zoomResult } = zoomIn(2, 0.2, 0.5, 2);
+    expect(newScale).toBe(2);
+    expect(zoomResult.newTranslate).toBeUndefined();
+  });
+});
+
+describe('zoomOut', () => {
+  it('basic zoom out without options', () => {
+    const { newScale, zoomResult } = zoomOut(1, 0.2, 0.5, 2);
+    expect(newScale).toBeCloseTo(0.8);
+    expect(zoomResult.newTranslate).toBeUndefined();
+  });
+
+  it('zoom out with ZoomOptions', () => {
+    const { newScale, zoomResult } = zoomOut(1, 0.2, 0.5, 2, {
+      mouseOffsetX: 100,
+      mouseOffsetY: 100,
+      currentTranslate: { translateX: 50, translateY: 50 },
+    });
+    expect(newScale).toBeCloseTo(0.8);
+    expect(zoomResult.newTranslate).toEqual({ translateX: 60, translateY: 60 });
+  });
+
+  it('zoom out at min boundary', () => {
+    const { newScale, zoomResult } = zoomOut(0.5, 0.2, 0.5, 2);
+    expect(newScale).toBe(0.5);
+    expect(zoomResult.newTranslate).toBeUndefined();
+  });
+});
+
+// ─── isImageExceedsViewport ──────────────────────────────────────────────
+describe('isImageExceedsViewport', () => {
+  const createMockElement = (rect: Partial<DOMRect>) => {
+    const el = document.createElement('div');
+    el.getBoundingClientRect = () => ({
+      top: 0,
+      left: 0,
+      right: 800,
+      bottom: 600,
+      width: 800,
+      height: 600,
+      x: 0,
+      y: 0,
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      toJSON: () => {},
+      ...rect,
+    });
+    return el;
+  };
+
+  it('image within viewport', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
+
+  it('image exceeds left', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: -50, right: 700, top: 50, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(true);
+  });
+
+  it('image exceeds right', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 900, top: 50, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(true);
+  });
+
+  it('image exceeds top', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 700, top: -10, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(true);
+  });
+
+  it('image exceeds bottom', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 650 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(true);
+  });
+
+  it('image exceeds all sides', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: -100, right: 900, top: -100, bottom: 700 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(true);
+  });
+
+  it('image matches viewport exactly', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
+});
diff --git a/packages/components/image-viewer/__tests__/utils.test.ts b/packages/components/image-viewer/__tests__/utils.test.ts
new file mode 100644
index 0000000000..a1a7e526c0
--- /dev/null
+++ b/packages/components/image-viewer/__tests__/utils.test.ts
@@ -0,0 +1,295 @@
+/**
+ * utils.test.ts — 工具函数测试
+ *
+ * 测试 @tdesign/common-js/image-viewer/utils 中的导出函数：
+ * - formatImages
+ * - downloadImage（含跨域 canvasDownload 路径）
+ */
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { act } from '@test/utils';
+import { formatImages, downloadImage } from '@tdesign/common-js/image-viewer/utils';
+
+// ─── formatImages ────────────────────────────────────────────────────────
+describe('formatImages', () => {
+  it('non-array input returns empty array', () => {
+    expect(formatImages(null)).toEqual([]);
+    expect(formatImages(undefined)).toEqual([]);
+    // @ts-expect-error testing invalid input
+    expect(formatImages('string')).toEqual([]);
+    // @ts-expect-error testing invalid input
+    expect(formatImages(123)).toEqual([]);
+  });
+
+  it('empty array', () => {
+    expect(formatImages([])).toEqual([]);
+  });
+
+  it('string images with default properties', () => {
+    const images = ['image1.jpg', 'image2.png'];
+    const result = formatImages(images);
+
+    expect(result).toEqual([
+      { mainImage: 'image1.jpg', thumbnail: 'image1.jpg', download: true },
+      { mainImage: 'image2.png', thumbnail: 'image2.png', download: true },
+    ]);
+  });
+
+  it('ImageInfo objects with defaults', () => {
+    const images = [{ mainImage: 'main1.jpg' }, { mainImage: 'main2.jpg', thumbnail: 'thumb2.jpg' }];
+    const result = formatImages(images);
+
+    expect(result[0]).toEqual({ mainImage: 'main1.jpg', thumbnail: 'main1.jpg', download: true });
+    expect(result[1]).toEqual({ mainImage: 'main2.jpg', thumbnail: 'thumb2.jpg', download: true });
+  });
+
+  it('custom download setting preserved', () => {
+    const images = [{ mainImage: 'main.jpg', download: false }];
+    const result = formatImages(images);
+    expect(result[0].download).toBeFalsy();
+  });
+
+  it('mixed string and ImageInfo array', () => {
+    const images = ['string-image.jpg', { mainImage: 'object-main.jpg', thumbnail: 'object-thumb.jpg' }];
+    const result = formatImages(images);
+
+    expect(result).toEqual([
+      { mainImage: 'string-image.jpg', thumbnail: 'string-image.jpg', download: true },
+      { mainImage: 'object-main.jpg', thumbnail: 'object-thumb.jpg', download: true },
+    ]);
+  });
+
+  it('File objects in images', () => {
+    const file = new File(['test'], 'test.png', { type: 'image/png' });
+    const result = formatImages([file]);
+
+    expect(result[0].mainImage).toBe(file);
+    expect(result[0].thumbnail).toBe(file);
+    expect(result[0].download).toBeTruthy();
+  });
+
+  it('ImageInfo with all properties', () => {
+    const images = [{ mainImage: 'main.jpg', thumbnail: 'thumb.jpg', download: true, isSvg: true }];
+    const result = formatImages(images);
+    expect(result[0]).toEqual({ mainImage: 'main.jpg', thumbnail: 'thumb.jpg', download: true, isSvg: true });
+  });
+
+  it('thumbnail defaults to mainImage', () => {
+    const images = [{ mainImage: 'only-main.jpg' }];
+    const result = formatImages(images);
+    expect(result[0].thumbnail).toBe('only-main.jpg');
+  });
+
+  it('large array of images', () => {
+    const images = Array.from({ length: 100 }, (_, i) => `image-${i}.jpg`);
+    const result = formatImages(images);
+    expect(result).toHaveLength(100);
+    result.forEach((item, i) => {
+      expect(item.mainImage).toBe(`image-${i}.jpg`);
+      expect(item.thumbnail).toBe(`image-${i}.jpg`);
+      expect(item.download).toBe(true);
+    });
+  });
+});
+
+// ─── downloadImage ───────────────────────────────────────────────────────
+describe('downloadImage', () => {
+  let mockCreateObjectURL: ReturnType<typeof vi.fn>;
+  let mockRevokeObjectURL: ReturnType<typeof vi.fn>;
+  let mockCreateElement: typeof document.createElement;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    mockCreateObjectURL = vi.fn().mockReturnValue('blob:test');
+    mockRevokeObjectURL = vi.fn();
+    window.URL.createObjectURL = mockCreateObjectURL;
+    window.URL.revokeObjectURL = mockRevokeObjectURL;
+    mockCreateElement = document.createElement.bind(document);
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('File input uses URL.createObjectURL', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const file = new File(['test'], 'test-image.png', { type: 'image/png' });
+    downloadImage(file);
+
+    expect(mockCreateObjectURL).toHaveBeenCalledWith(file);
+    expect(mockAnchor.download).toBe('test-image.png');
+    expect(mockClick).toHaveBeenCalled();
+  });
+
+  it('same-origin URL direct download', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const sameOriginUrl = `${window.location.origin}/test-image.png`;
+    downloadImage(sameOriginUrl);
+
+    expect(mockAnchor.href).toBe(sameOriginUrl);
+    expect(mockAnchor.download).toBe('test-image.png');
+    expect(mockClick).toHaveBeenCalled();
+  });
+
+  it('extracts filename from URL with query parameters', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const urlWithParams = `${window.location.origin}/path/image.png?sign=xxx&token=yyy`;
+    downloadImage(urlWithParams);
+    expect(mockAnchor.download).toBe('image.png');
+  });
+
+  it('extracts filename from URL with hash', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const urlWithHash = `${window.location.origin}/path/image.jpg#section`;
+    downloadImage(urlWithHash);
+    expect(mockAnchor.download).toBe('image.jpg');
+  });
+
+  it('cross-origin URL triggers canvasDownload (Image load path)', () => {
+    // 跨域 URL 进入 canvasDownload 分支，创建 Image 元素
+    const crossOriginUrl = 'https://cross-origin.example.com/photo.jpg';
+
+    const setAttribute = vi.fn();
+    const mockImage: Partial<HTMLImageElement> = { setAttribute };
+    const ImageSpy = vi.fn().mockImplementation(() => mockImage);
+    (global as any).Image = ImageSpy;
+
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    downloadImage(crossOriginUrl);
+
+    // 应该新建 Image 并通过 setAttribute 设置 crossOrigin
+    expect(setAttribute).toHaveBeenCalledWith('crossOrigin', 'anonymous');
+    expect(mockImage.src).toBe(crossOriginUrl);
+    // click 不会被触发（图片还未 onload）
+    expect(mockClick).not.toHaveBeenCalled();
+  });
+
+  it('cross-origin image onload triggers canvas download', () => {
+    const crossOriginUrl = 'https://cross-origin.example.com/photo.png';
+
+    const mockCanvas = {
+      width: 0,
+      height: 0,
+      getContext: vi.fn().mockReturnValue({ drawImage: vi.fn() }),
+      toBlob: vi.fn().mockImplementation((cb) => cb(new Blob())),
+    };
+
+    let onloadFn: (() => void) | null = null;
+    const mockImage: Partial<HTMLImageElement> & { width: number; height: number } = {
+      setAttribute: vi.fn(),
+      width: 100,
+      height: 80,
+    };
+    Object.defineProperty(mockImage, 'onload', {
+      set(fn) {
+        onloadFn = fn;
+      },
+    });
+
+    const ImageSpy = vi.fn().mockImplementation(() => mockImage);
+    (global as any).Image = ImageSpy;
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'canvas') return mockCanvas as unknown as HTMLCanvasElement;
+      return mockCreateElement(tag);
+    });
+
+    const mockBlobClick = vi.fn();
+    const mockBlobAnchor = { href: '', download: '', click: mockBlobClick, remove: vi.fn() };
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'canvas') return mockCanvas as unknown as HTMLCanvasElement;
+      if (tag === 'a') return mockBlobAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    downloadImage(crossOriginUrl);
+
+    // 触发 onload
+    expect(onloadFn).toBeTruthy();
+    act(() => {
+      onloadFn?.();
+    });
+
+    expect(mockCanvas.getContext).toHaveBeenCalledWith('2d');
+    expect(mockCanvas.toBlob).toHaveBeenCalled();
+  });
+
+  it('random name when URL has no filename', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const urlNoFilename = `${window.location.origin}/`;
+    downloadImage(urlNoFilename);
+    expect(mockAnchor.download).toBeTruthy();
+    expect(mockClick).toHaveBeenCalled();
+  });
+});
+
+// ─── 快照测试 ────────────────────────────────────────────────────────────
+describe('formatImages snapshots', () => {
+  it('string images snapshot', () => {
+    const result = formatImages(['img1.jpg', 'img2.png', 'img3.gif']);
+    expect(result).toMatchSnapshot('formatImages-string-array');
+  });
+
+  it('ImageInfo objects snapshot', () => {
+    const result = formatImages([
+      { mainImage: 'main1.jpg', thumbnail: 'thumb1.jpg', download: true },
+      { mainImage: 'main2.jpg', download: false, isSvg: true },
+    ]);
+    expect(result).toMatchSnapshot('formatImages-image-info-array');
+  });
+
+  it('mixed array snapshot', () => {
+    const result = formatImages(['simple.jpg', { mainImage: 'complex.jpg', thumbnail: 'complex-thumb.jpg' }]);
+    expect(result).toMatchSnapshot('formatImages-mixed-array');
+  });
+
+  it('empty array snapshot', () => {
+    expect(formatImages([])).toMatchSnapshot('formatImages-empty');
+  });
+});

From cbd9ff45d5f70fb827a383d3ad530e5106bb9820 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Thu, 14 May 2026 09:43:02 +0800
Subject: [PATCH 19/27] =?UTF-8?q?test(image-viewer):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E6=A0=87=E9=A2=98=E5=BF=AB=E7=85=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__tests__/__snapshots__/image-viewer.test.tsx.snap        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
index 85a8263240..04e27ef1fa 100644
--- a/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
+++ b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
@@ -3813,7 +3813,9 @@ exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`]
     <div
       class="t-image-viewer__modal-index"
     >
-      <span />
+      <span>
+        自定义标题
+      </span>
       1/2
     </div>
     <div

From 73066a844dd009fab27324c9056566d58279f796 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Thu, 14 May 2026 17:28:20 +0800
Subject: [PATCH 20/27] =?UTF-8?q?fix(image-viewer):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E5=8A=A8=E7=94=BB=E9=97=AA=E7=83=81=E5=8F=8A?=
 =?UTF-8?q?=E7=B1=BB=E5=90=8D=E6=AE=8B=E7=95=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         | 14 +++--
 .../components/image-viewer/hooks/useScale.ts | 60 +++++--------------
 2 files changed, 23 insertions(+), 51 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index 44d77df4e1..de8ffc5234 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -132,24 +132,26 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       modalBox?.classList.remove(transitioningClass);
     }, [transitioningClass]);
 
-    // 启用向中心缩放动画：先加 CSS 类名启用 transition，再更新 transform 触发动画
+    // 启用向中心缩放动画：在 scale+position 变化前加上 transition 类，
+    // 浏览器会对后续的变化做平滑过渡
     const enableTransition = useCallback(() => {
       const modalBox = modalBoxRef.current;
       if (!modalBox) return;
 
-      cleanupTransition();
-      // 强制浏览器 reflow，确保类名移除生效后再添加能触发新的 transition 动画
-      modalBox.getBoundingClientRect();
       modalBox.classList.add(transitioningClass);
 
       // fallback 超时：transitionend 可能因 DOM 移除/动画合并等原因不触发，
       // 350ms（略大于 CSS transition duration）后自动清理，避免类名残留导致拖拽粘滞
+      clearTimeout(fallbackTimerRef.current);
       fallbackTimerRef.current = setTimeout(cleanupTransition, 350);
 
       const handleTransitionEnd = (e: TransitionEvent) => {
         if (e.propertyName !== 'transform') return;
         cleanupTransition();
       };
+      if (transitionEndHandlerRef.current) {
+        modalBox.removeEventListener('transitionend', transitionEndHandlerRef.current);
+      }
       transitionEndHandlerRef.current = handleTransitionEnd;
       modalBox.addEventListener('transitionend', handleTransitionEnd);
     }, [transitioningClass, cleanupTransition]);
@@ -560,7 +562,6 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
       // 缩小且图片超出视口：以视口中心为基准，向视口中心收敛
       if (isZoomOut && isImageExceedsViewport(container, modalBox)) {
         const currentPosition = imageItemRef.current?.positionRef?.current ?? [0, 0];
-
         const result = onZoomOut({
           mouseOffsetX: 0,
           mouseOffsetY: 0,
@@ -569,6 +570,9 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
             translateY: currentPosition[1],
           },
         });
+        // 先加 transition 类（DOM 还在旧位置），再触发 position 变化
+        // 浏览器对这次变化做平滑过渡，避免 getBoundingClientRect reflow 导致 scale 提前闪现
+        // scale 到边界时 newTranslate 为空，不加 transition 类避免类名残留
         if (result?.newTranslate) {
           imageItemRef.current?.enableTransition?.();
           imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 465333cbd0..5ac405bcbe 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,5 +1,4 @@
 import { useCallback, useRef, useState } from 'react';
-import { throttle } from 'lodash-es';
 import { zoomIn, zoomOut, clampScale, DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
 import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/transform';
 import type { ImageScale } from '../type';
@@ -15,59 +14,28 @@ const useScale = (imageScale: ImageScale) => {
   const distance = useRef(0);
   const [scale, setScale] = useState(calcDefaultScale());
   const scaleRef = useRef(scale);
-  const lastZoomResultRef = useRef<ZoomResult>({});
 
   const paramsRef = useRef({ step, min, max });
   paramsRef.current = { step, min, max };
 
-  // --- 节流（50ms，leading-only）：防止高频滚轮/触摸过度触发 ---
-  const zoomOptionsRef = useRef<ZoomOptions | undefined>();
-
-  const doZoomRef = useRef(
-    throttle(
-      () => {
-        const { step: s, min: mi, max: ma } = paramsRef.current;
-        const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma, zoomOptionsRef.current);
-        lastZoomResultRef.current = zoomResult;
-        scaleRef.current = newScale;
-        setScale(newScale);
-      },
-      50,
-      { leading: true, trailing: false },
-    ),
-  );
-
-  const zoomOutOptionsRef = useRef<ZoomOptions | undefined>();
-  const doZoomOutRef = useRef(
-    throttle(
-      () => {
-        const { step: s, min: mi, max: ma } = paramsRef.current;
-        const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOutOptionsRef.current);
-        lastZoomResultRef.current = zoomResult;
-        scaleRef.current = newScale;
-        setScale(newScale);
-      },
-      50,
-      { leading: true, trailing: false },
-    ),
-  );
-
   const onZoomIn = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
-    zoomOptionsRef.current = zoomOptions;
-    const prevScale = scaleRef.current;
-    doZoomRef.current();
-    // 被节流丢弃或已达边界 → 返回空结果，避免调用方使用过期的位移数据
-    if (scaleRef.current === prevScale) return {};
-    return lastZoomResultRef.current;
+    const { step: s, min: mi, max: ma } = paramsRef.current;
+    const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma, zoomOptions);
+    // 已达边界，无变化
+    if (newScale === scaleRef.current) return {};
+    scaleRef.current = newScale;
+    setScale(newScale);
+    return zoomResult;
   }, []);
 
   const onZoomOut = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
-    zoomOutOptionsRef.current = zoomOptions;
-    const prevScale = scaleRef.current;
-    doZoomOutRef.current();
-    // 被节流丢弃或已达边界 → 返回空结果，避免调用方使用过期的位移数据
-    if (scaleRef.current === prevScale) return {};
-    return lastZoomResultRef.current;
+    const { step: s, min: mi, max: ma } = paramsRef.current;
+    const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOptions);
+    // 已达边界，无变化
+    if (newScale === scaleRef.current) return {};
+    scaleRef.current = newScale;
+    setScale(newScale);
+    return zoomResult;
   }, []);
 
   const onResetScale = useCallback(() => {

From 0181570ab2f4ec0b15c35cd38d91e8037fd764b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Thu, 14 May 2026 19:00:37 +0800
Subject: [PATCH 21/27] =?UTF-8?q?refactor(image-viewer):=20=E8=BF=81?=
 =?UTF-8?q?=E7=A7=BB=E7=BC=A9=E6=94=BE=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E8=87=B3=20useScale=20hook?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         | 67 ++++---------------
 .../components/image-viewer/hooks/useScale.ts | 30 +++++++--
 2 files changed, 37 insertions(+), 60 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index de8ffc5234..788d351b3e 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -83,10 +83,6 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
     const [loaded, setLoaded] = useState(false);
     const [error, setError] = useState(false);
 
-    // 双层 transform 架构（和旧版 React / Vue 保持一致）：
-    // - modal-image（内层）：rotateZ + scale → CSS 自带 transition: all 自动驱动平滑动画
-    // - modal-box（外层）：translate(拖拽位移) + scale(mirror, 1) → 位移和镜像
-    // 这样旋转/缩放变化由 CSS transition 自动做平滑过渡，无需手动管理动画时序。
     const imgStyle: React.CSSProperties = {
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
       display: !preSrc || loaded ? 'block' : 'none',
@@ -100,10 +96,8 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       return imgRef;
     }, [isSvg]);
     const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
-    // 用 ref 同步追踪最新位移，避免 useImperativeHandle 暴露的 position 是过时快照
     const positionRef = useRef(position);
     positionRef.current = position;
-    // 用 ref 追踪最新 isDragging，避免 useImperativeHandle 因 isDragging 变化而频繁重建
     const isDraggingRef = useRef(isDragging);
     isDraggingRef.current = isDragging;
 
@@ -111,17 +105,14 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
       display: !loaded ? 'block' : 'none',
     };
-    // modal-box 只管位移 + 镜像（无 CSS transition，拖拽时不需要动画延迟）
     const boxStyle: React.CSSProperties = {
       transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)`,
     };
 
-    // 动画类名，与 CSS 中 &--transitioning { transition: transform } 强关联
     const transitioningClass = `${classPrefix}-image-viewer__modal-box--transitioning`;
     const transitionEndHandlerRef = useRef<((e: TransitionEvent) => void) | null>(null);
     const fallbackTimerRef = useRef<ReturnType<typeof setTimeout>>();
 
-    // 清理监听器和类名
     const cleanupTransition = useCallback(() => {
       const modalBox = modalBoxRef.current;
       if (transitionEndHandlerRef.current && modalBox) {
@@ -132,16 +123,12 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       modalBox?.classList.remove(transitioningClass);
     }, [transitioningClass]);
 
-    // 启用向中心缩放动画：在 scale+position 变化前加上 transition 类，
-    // 浏览器会对后续的变化做平滑过渡
     const enableTransition = useCallback(() => {
       const modalBox = modalBoxRef.current;
       if (!modalBox) return;
 
       modalBox.classList.add(transitioningClass);
 
-      // fallback 超时：transitionend 可能因 DOM 移除/动画合并等原因不触发，
-      // 350ms（略大于 CSS transition duration）后自动清理，避免类名残留导致拖拽粘滞
       clearTimeout(fallbackTimerRef.current);
       fallbackTimerRef.current = setTimeout(cleanupTransition, 350);
 
@@ -158,7 +145,6 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
 
     useEffect(() => cleanupTransition, [cleanupTransition]);
 
-    // 暴露内部状态，供父组件在缩放时读写 position
     useImperativeHandle(
       ref,
       () => ({
@@ -529,23 +515,15 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
-  const { scale, onZoomIn, onZoomOut, onResetScale, onTouchStart, onTouchMove, onTouchEnd } = useScale(imageScale);
+  // handleWheel 先用 ref 占位，useScale 之后再赋值，避免循环依赖
+  const handleWheelRef = useRef<(e: WheelEvent) => void>(null);
+  const stableHandleWheel = useCallback((e: WheelEvent) => handleWheelRef.current?.(e), []);
 
-  // imageScale 动态变化时重置缩放
-  const isFirstRender = useRef(true);
-  useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    onResetScale();
-  }, [imageScale, onResetScale]);
+  const { scale, onZoomIn, onZoomOut, onResetScale } = useScale(imageScale, visible, stableHandleWheel);
 
-  // 容器级滚轮缩放处理（原生事件版）
   // ⚠️ 不能用 React 的 onWheel —— React 17+ 将 wheel 注册为 passive: true，
   //    导致 e.preventDefault() 无效，无法阻止页面滚动。
-  //    必须用原生 addEventListener + { passive: false } 绕过。
-  const handleWheel = useCallback(
+  handleWheelRef.current = useCallback(
     (e: WheelEvent) => {
       e.preventDefault();
 
@@ -553,14 +531,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
       const container = containerRef.current;
       const modalBox = imageItemRef.current?.modalBoxRef?.current;
 
-      // 无视口信息时，直接缩放
-      if (!container || !modalBox) {
-        isZoomOut ? onZoomOut() : onZoomIn();
-        return;
-      }
-
-      // 缩小且图片超出视口：以视口中心为基准，向视口中心收敛
-      if (isZoomOut && isImageExceedsViewport(container, modalBox)) {
+      if (isZoomOut && container && modalBox && isImageExceedsViewport(container, modalBox)) {
         const currentPosition = imageItemRef.current?.positionRef?.current ?? [0, 0];
         const result = onZoomOut({
           mouseOffsetX: 0,
@@ -570,9 +541,6 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
             translateY: currentPosition[1],
           },
         });
-        // 先加 transition 类（DOM 还在旧位置），再触发 position 变化
-        // 浏览器对这次变化做平滑过渡，避免 getBoundingClientRect reflow 导致 scale 提前闪现
-        // scale 到边界时 newTranslate 为空，不加 transition 类避免类名残留
         if (result?.newTranslate) {
           imageItemRef.current?.enableTransition?.();
           imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
@@ -584,22 +552,15 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
     [onZoomIn, onZoomOut],
   );
 
-  // 容器级 wheel + 触摸缩放事件绑定
-  // wheel 必须用原生绑定 { passive: false } 才能 preventDefault
+  // imageScale 动态变化时重置缩放
+  const isFirstRender = useRef(true);
   useEffect(() => {
-    if (!visible) return;
-    const container = containerRef.current;
-    container?.addEventListener('wheel', handleWheel, { passive: false });
-    document.addEventListener('touchstart', onTouchStart, { passive: false });
-    document.addEventListener('touchmove', onTouchMove, { passive: false });
-    document.addEventListener('touchend', onTouchEnd);
-    return () => {
-      container?.removeEventListener('wheel', handleWheel);
-      document.removeEventListener('touchstart', onTouchStart);
-      document.removeEventListener('touchmove', onTouchMove);
-      document.removeEventListener('touchend', onTouchEnd);
-    };
-  }, [visible, handleWheel, onTouchStart, onTouchMove, onTouchEnd]);
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    onResetScale();
+  }, [imageScale, onResetScale]);
 
   const onReset = useCallback(() => {
     onResetScale();
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 5ac405bcbe..1a8281f359 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,4 +1,4 @@
-import { useCallback, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { zoomIn, zoomOut, clampScale, DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
 import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/transform';
 import type { ImageScale } from '../type';
@@ -6,7 +6,7 @@ import type { ImageScale } from '../type';
 // 从 common 包重新导出类型，保持向后兼容
 export type { ZoomOptions, ZoomResult, TranslateOffset };
 
-const useScale = (imageScale: ImageScale) => {
+const useScale = (imageScale: ImageScale, visible: boolean, onWheel?: (e: WheelEvent) => void) => {
   const { max, min, step, defaultScale } = { ...DEFAULT_IMAGE_SCALE, ...imageScale };
 
   const calcDefaultScale = useCallback(() => clampScale(defaultScale, min, max), [defaultScale, max, min]);
@@ -21,7 +21,6 @@ const useScale = (imageScale: ImageScale) => {
   const onZoomIn = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
     const { step: s, min: mi, max: ma } = paramsRef.current;
     const { newScale, zoomResult } = zoomIn(scaleRef.current, s, mi, ma, zoomOptions);
-    // 已达边界，无变化
     if (newScale === scaleRef.current) return {};
     scaleRef.current = newScale;
     setScale(newScale);
@@ -31,7 +30,6 @@ const useScale = (imageScale: ImageScale) => {
   const onZoomOut = useCallback((zoomOptions?: ZoomOptions): ZoomResult => {
     const { step: s, min: mi, max: ma } = paramsRef.current;
     const { newScale, zoomResult } = zoomOut(scaleRef.current, s, mi, ma, zoomOptions);
-    // 已达边界，无变化
     if (newScale === scaleRef.current) return {};
     scaleRef.current = newScale;
     setScale(newScale);
@@ -72,14 +70,32 @@ const useScale = (imageScale: ImageScale) => {
     distance.current = 0;
   }, []);
 
+  const onWheelRef = useRef(onWheel);
+  onWheelRef.current = onWheel;
+
+  const stableOnWheel = useCallback((e: WheelEvent) => {
+    onWheelRef.current?.(e);
+  }, []);
+
+  useEffect(() => {
+    if (!visible) return;
+    document.addEventListener('wheel', stableOnWheel, { passive: false });
+    document.addEventListener('touchstart', onTouchStart, { passive: false });
+    document.addEventListener('touchmove', onTouchMove, { passive: false });
+    document.addEventListener('touchend', onTouchEnd);
+    return () => {
+      document.removeEventListener('wheel', stableOnWheel);
+      document.removeEventListener('touchstart', onTouchStart);
+      document.removeEventListener('touchmove', onTouchMove);
+      document.removeEventListener('touchend', onTouchEnd);
+    };
+  }, [visible, stableOnWheel, onTouchStart, onTouchMove, onTouchEnd]);
+
   return {
     scale,
     onZoomIn,
     onZoomOut,
     onResetScale,
-    onTouchStart,
-    onTouchMove,
-    onTouchEnd,
   };
 };
 

From 1297a3d112c5362ef2f4964cff21bd6ac510f65e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Thu, 14 May 2026 19:20:29 +0800
Subject: [PATCH 22/27] test(image-viewer): update useScale tests and remove
 throttle behavior

---
 .../image-viewer/__tests__/hooks.test.tsx     | 73 ++++++++-----------
 .../components/image-viewer/hooks/useScale.ts |  8 +-
 2 files changed, 36 insertions(+), 45 deletions(-)

diff --git a/packages/components/image-viewer/__tests__/hooks.test.tsx b/packages/components/image-viewer/__tests__/hooks.test.tsx
index 2f0e196956..a2e7983c2c 100644
--- a/packages/components/image-viewer/__tests__/hooks.test.tsx
+++ b/packages/components/image-viewer/__tests__/hooks.test.tsx
@@ -220,27 +220,27 @@ describe('useScale', () => {
   });
 
   it('default scale value is 1', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     expect(result.current.scale).toBe(1);
   });
 
   it('custom defaultScale', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1.5 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1.5 }, true));
     expect(result.current.scale).toBe(1.5);
   });
 
   it('defaultScale clamped to max', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 5 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 5 }, true));
     expect(result.current.scale).toBe(2);
   });
 
   it('defaultScale clamped to min', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 1.5, step: 0.2, defaultScale: 0.5 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 1.5, step: 0.2, defaultScale: 0.5 }, true));
     expect(result.current.scale).toBe(1.5);
   });
 
   it('onZoomIn increases scale', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onZoomIn();
@@ -249,7 +249,7 @@ describe('useScale', () => {
   });
 
   it('onZoomOut decreases scale', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onZoomOut();
@@ -258,7 +258,7 @@ describe('useScale', () => {
   });
 
   it('max scale boundary', () => {
-    const { result } = renderHook(() => useScale({ max: 1.5, min: 0.5, step: 0.5, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 1.5, min: 0.5, step: 0.5, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onZoomIn();
@@ -274,7 +274,7 @@ describe('useScale', () => {
   });
 
   it('min scale boundary', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.3, defaultScale: 0.6 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.3, defaultScale: 0.6 }, true));
 
     act(() => {
       result.current.onZoomOut();
@@ -284,7 +284,7 @@ describe('useScale', () => {
   });
 
   it('onResetScale restores defaultScale', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onZoomIn();
@@ -299,7 +299,7 @@ describe('useScale', () => {
   });
 
   it('small step values', () => {
-    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.05, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.05, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onZoomIn();
@@ -309,7 +309,7 @@ describe('useScale', () => {
   });
 
   it('large scale values', () => {
-    const { result } = renderHook(() => useScale({ max: 10, min: 0.1, step: 1, defaultScale: 5 }));
+    const { result } = renderHook(() => useScale({ max: 10, min: 0.1, step: 1, defaultScale: 5 }, true));
     expect(result.current.scale).toBe(5);
 
     act(() => {
@@ -328,7 +328,7 @@ describe('useScale', () => {
   // ─── ZoomOptions（中心缩放）──────────────────────────────────────────
   describe('ZoomOptions (center zoom)', () => {
     it('onZoomIn with center zoom (mouseOffset = 0)', () => {
-      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
@@ -347,7 +347,7 @@ describe('useScale', () => {
     });
 
     it('onZoomIn with non-zero mouse offset', () => {
-      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
@@ -366,7 +366,7 @@ describe('useScale', () => {
     });
 
     it('onZoomOut with ZoomOptions preserves translate during zoom out', () => {
-      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
@@ -385,7 +385,7 @@ describe('useScale', () => {
     });
 
     it('missing mouseOffset returns empty result', () => {
-      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
@@ -399,7 +399,7 @@ describe('useScale', () => {
     });
 
     it('at max boundary, zoom in returns empty result', () => {
-      const { result } = renderHook(() => useScale({ max: 1.2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 1.2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       // 先放大到 max
       act(() => {
@@ -422,7 +422,7 @@ describe('useScale', () => {
     });
 
     it('zoom with existing translate and non-zero offset', () => {
-      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
@@ -441,37 +441,28 @@ describe('useScale', () => {
     });
   });
 
-  // ─── 节流行为 ──────────────────────────────────────────────────────────
+  // throttle 已移除，每次调用都直接生效
   describe('throttle behavior', () => {
-    it('throttles rapid onZoomIn calls (50ms, leading-only)', () => {
-      const { result } = renderHook(() => useScale({ max: 5, min: 0.5, step: 0.2, defaultScale: 1 }));
+    it('rapid onZoomIn calls all take effect', () => {
+      const { result } = renderHook(() => useScale({ max: 5, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       act(() => {
-        // 连续快速调用 — 只有第一次生效（leading）
         result.current.onZoomIn();
         result.current.onZoomIn();
         result.current.onZoomIn();
       });
-      // 节流期间只执行了一次
-      expect(result.current.scale).toBeCloseTo(1.2);
-
-      // 等待节流间隔过去
-      act(() => {
-        vi.advanceTimersByTime(100);
-        result.current.onZoomIn();
-      });
-      expect(result.current.scale).toBeCloseTo(1.4);
+      expect(result.current.scale).toBeCloseTo(1.6);
     });
 
-    it('throttles rapid onZoomOut calls', () => {
-      const { result } = renderHook(() => useScale({ max: 5, min: 0.1, step: 0.2, defaultScale: 1 }));
+    it('rapid onZoomOut calls all take effect', () => {
+      const { result } = renderHook(() => useScale({ max: 5, min: 0.1, step: 0.2, defaultScale: 1 }, true));
 
       act(() => {
         result.current.onZoomOut();
         result.current.onZoomOut();
         result.current.onZoomOut();
       });
-      expect(result.current.scale).toBeCloseTo(0.8);
+      expect(result.current.scale).toBeCloseTo(0.4);
     });
   });
 });
@@ -642,7 +633,7 @@ describe('useScale: touch events', () => {
   };
 
   it('onTouchStart with 2 fingers records initial distance', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     const touchStart = createTouchEvent(0, 0, 100, 0, 'touchstart');
     act(() => {
       result.current.onTouchStart(touchStart);
@@ -652,7 +643,7 @@ describe('useScale: touch events', () => {
   });
 
   it('onTouchStart with 1 finger does nothing', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     const touchStart = new TouchEvent('touchstart', {
       touches: [{ pageX: 0, pageY: 0 } as Touch],
       cancelable: true,
@@ -664,7 +655,7 @@ describe('useScale: touch events', () => {
   });
 
   it('onTouchMove pinch out (spread fingers) zooms in', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     // 初始距离 100
     act(() => {
@@ -680,7 +671,7 @@ describe('useScale: touch events', () => {
   });
 
   it('onTouchMove pinch in (shrink fingers) zooms out', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     // 初始距离 200
     act(() => {
@@ -696,7 +687,7 @@ describe('useScale: touch events', () => {
   });
 
   it('onTouchMove with 1 finger does nothing', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     const touchMove = new TouchEvent('touchmove', {
       touches: [{ pageX: 100, pageY: 0 } as Touch],
       cancelable: true,
@@ -708,7 +699,7 @@ describe('useScale: touch events', () => {
   });
 
   it('onTouchEnd resets distance to 0', () => {
-    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
       result.current.onTouchStart(createTouchEvent(0, 0, 100, 0, 'touchstart'));
@@ -732,7 +723,7 @@ describe('hooks combination', () => {
 
     const { result: mirrorResult } = renderHook(() => useMirror());
     const { result: rotateResult } = renderHook(() => useRotate());
-    const { result: scaleResult } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }));
+    const { result: scaleResult } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
       mirrorResult.current.onMirror();
@@ -762,7 +753,7 @@ describe('hooks combination', () => {
   it('rapid operations across all hooks', () => {
     vi.useFakeTimers();
 
-    const { result: scaleResult } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1 }));
+    const { result: scaleResult } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1 }, true));
     const { result: mirrorResult } = renderHook(() => useMirror());
     const { result: rotateResult } = renderHook(() => useRotate());
 
diff --git a/packages/components/image-viewer/hooks/useScale.ts b/packages/components/image-viewer/hooks/useScale.ts
index 1a8281f359..1d51b4443b 100644
--- a/packages/components/image-viewer/hooks/useScale.ts
+++ b/packages/components/image-viewer/hooks/useScale.ts
@@ -1,11 +1,8 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { zoomIn, zoomOut, clampScale, DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
-import type { ZoomOptions, ZoomResult, TranslateOffset } from '@tdesign/common-js/image-viewer/transform';
+import type { ZoomOptions, ZoomResult } from '@tdesign/common-js/image-viewer/transform';
 import type { ImageScale } from '../type';
 
-// 从 common 包重新导出类型，保持向后兼容
-export type { ZoomOptions, ZoomResult, TranslateOffset };
-
 const useScale = (imageScale: ImageScale, visible: boolean, onWheel?: (e: WheelEvent) => void) => {
   const { max, min, step, defaultScale } = { ...DEFAULT_IMAGE_SCALE, ...imageScale };
 
@@ -96,6 +93,9 @@ const useScale = (imageScale: ImageScale, visible: boolean, onWheel?: (e: WheelE
     onZoomIn,
     onZoomOut,
     onResetScale,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
   };
 };
 

From eb50c25ed7ec62d2138ac62ea8a91539cc3aa395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 20 May 2026 01:14:47 +0800
Subject: [PATCH 23/27] =?UTF-8?q?chore(deps):=20=E6=9B=B4=E6=96=B0=20commo?=
 =?UTF-8?q?n=20=E5=AD=90=E9=A1=B9=E7=9B=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/common b/packages/common
index 1aedcceec7..6cb4b3674b 160000
--- a/packages/common
+++ b/packages/common
@@ -1 +1 @@
-Subproject commit 1aedcceec7610f868a8e19694cd287c24747fd29
+Subproject commit 6cb4b3674b305663b75b8898d1a1a868bea24f08

From b4070f457af88f180481503fd49cd5b86aa9bd18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 20 May 2026 04:26:38 +0800
Subject: [PATCH 24/27] =?UTF-8?q?test(image-viewer):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F=E6=93=8D=E4=BD=9C=E5=BF=AB=E7=85=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../__snapshots__/hooks.test.tsx.snap         |   27 -
 .../__snapshots__/image-viewer.test.tsx.snap  | 5112 ++++++++---------
 .../__snapshots__/utils.test.ts.snap          |   36 +-
 .../image-viewer/__tests__/hooks.test.tsx     |  572 +-
 .../__tests__/image-viewer.test.tsx           | 1034 +++-
 .../image-viewer/__tests__/transform.test.ts  |  182 +-
 .../image-viewer/__tests__/utils.test.ts      |  141 +-
 .../components/image-viewer/hooks/useIndex.ts |    5 +-
 8 files changed, 4115 insertions(+), 2994 deletions(-)
 delete mode 100644 packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap

diff --git a/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap b/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap
deleted file mode 100644
index 95729bf084..0000000000
--- a/packages/components/image-viewer/__tests__/__snapshots__/hooks.test.tsx.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`usePosition > snapshot: default state > usePosition-default-state 1`] = `
-{
-  "isDragging": false,
-  "position": [
-    0,
-    0,
-  ],
-  "resetPosition": [Function],
-  "setPosition": [Function],
-}
-`;
-
-exports[`useViewerScale > snapshot: custom config > useViewerScale-custom 1`] = `
-{
-  "minHeight": 480,
-  "minWidth": 600,
-}
-`;
-
-exports[`useViewerScale > snapshot: default config > useViewerScale-default 1`] = `
-{
-  "minHeight": 1000,
-  "minWidth": 1000,
-}
-`;
diff --git a/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
index 04e27ef1fa..6cc5dac5a7 100644
--- a/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
+++ b/packages/components/image-viewer/__tests__/__snapshots__/image-viewer.test.tsx.snap
@@ -1,255 +1,319 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ImageViewer snapshots > DefaultTrigger 多张图片默认触发器渲染快照 > image-viewer-default-trigger-multi 1`] = `
-<div>
+exports[`ImageViewer 工具栏操作快照 > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-next 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
   <div
-    class="t-image-viewer__trigger"
+    class="t-image-viewer-preview-image"
   >
     <div
-      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
     >
-      <img
-        alt="preview"
-        class="t-image t-image--fit-contain t-image--position-center"
-        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-      />
       <div
-        class="t-image__loading"
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
       >
-        <div
-          class="t-space t-space-align-center t-space-vertical"
-          style="gap: 8px;"
-        >
-          <div
-            class="t-space-item"
-          >
-            <svg
-              class="t-icon t-icon-image"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="image"
-              >
-                <path
-                  d="M3 21H20L9 10L3 16V21Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  fill="transparent"
-                  id="fill2"
-                  r="2"
-                />
-                <path
-                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  id="stroke2"
-                  r="2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-          <div
-            class="t-space-item"
-          >
-            图片加载中
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-image-viewer__trigger--hover"
-    >
-      <span>
         <svg
-          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+          class="t-icon t-icon-chevron-down"
           fill="none"
           height="1em"
-          style="fill: none; font-size: 1.4em;"
+          style="fill: none; font-size: 16px;"
           viewBox="0 0 24 24"
           width="1em"
         >
           <g
-            clip-path="url(#clip0_543_7945)"
-            id="browse"
+            id="chevron-down"
           >
             <path
-              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-              fill="transparent"
-              id="fill2"
-            />
-            <path
-              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              d="M17.5 9.5L12 15L6.5 9.5"
               id="stroke1"
               stroke="currentColor"
               stroke-linecap="square"
               stroke-width="2"
             />
-            <path
-              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
           </g>
         </svg>
-        预览
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`ImageViewer snapshots > DefaultTrigger 默认触发器渲染快照 > image-viewer-default-trigger 1`] = `
-<div>
-  <div
-    class="t-image-viewer__trigger"
-  >
-    <div
-      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
-    >
-      <img
-        alt="preview"
-        class="t-image t-image--fit-contain t-image--position-center"
-        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-      />
+      </div>
       <div
-        class="t-image__loading"
+        class="t-image-viewer__header-prev"
       >
         <div
-          class="t-space t-space-align-center t-space-vertical"
-          style="gap: 8px;"
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
         >
           <div
-            class="t-space-item"
+            class="t-image-viewer__header-box"
           >
-            <svg
-              class="t-icon t-icon-image"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
-              <g
-                id="image"
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
               >
-                <path
-                  d="M3 21H20L9 10L3 16V21Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  fill="transparent"
-                  id="fill2"
-                  r="2"
-                />
-                <path
-                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  id="stroke2"
-                  r="2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
           <div
-            class="t-space-item"
+            class="t-image-viewer__header-box t-is-active"
           >
-            图片加载中
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-image-viewer__trigger--hover"
-    >
-      <span>
-        <svg
-          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
-          fill="none"
-          height="1em"
-          style="fill: none; font-size: 1.4em;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            clip-path="url(#clip0_543_7945)"
-            id="browse"
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
           >
-            <path
-              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-              fill="transparent"
-              id="fill1"
-            />
-            <path
-              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-              fill="transparent"
-              id="fill2"
-            />
-            <path
-              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-            <path
-              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
-              id="stroke2"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-        预览
-      </span>
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-</div>
-`;
-
-exports[`ImageViewer snapshots > attach 到指定容器 > image-viewer-attach-custom-container 1`] = `
-<div
-  id="custom-attach-container"
->
-  <div
-    class="t-image-viewer-preview-image"
-  >
     <div
-      class="t-image-viewer__modal-mask"
-    />
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      2/3
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
     <div
       class="t-image-viewer__utils"
     >
@@ -531,364 +595,274 @@ exports[`ImageViewer snapshots > attach 到指定容器 > image-viewer-attach-cu
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
           style="transform: rotateZ(0deg) scale(1); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
           style="transform: rotateZ(0deg) scale(1); display: none;"
         />
       </div>
     </div>
   </div>
-</div>
+</body>
 `;
 
-exports[`ImageViewer snapshots > modeless 模式 > image-viewer-modeless 1`] = `
+exports[`ImageViewer 工具栏操作快照 > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-prev 1`] = `
 <body>
   <div>
     <span>
-      预览单张图片
+      工具栏测试
     </span>
   </div>
   <div
-    class="t-portal-wrapper appear appear-active"
+    class="t-image-viewer-preview-image"
   >
     <div
-      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
-      tabindex="0"
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
     >
       <div
-        class="t-dialog__wrap"
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
       >
-        <div
-          class="t-dialog__position t-dialog--center"
-        >
-          <div
-            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
-            placement="center"
-            style="display: block; transform-origin: NaNpx NaNpx;"
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box"
           >
             <div
-              class="t-dialog__header"
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
               <div
-                class="t-dialog__header-content"
-              >
-                <span
-                  class="t-image-viewer__dialog-title"
-                />
-              </div>
-              <span
-                class="t-dialog__close"
-                style="margin-left: auto;"
+                class="t-image__loading"
               >
-                <svg
-                  class="t-icon t-icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
                 >
-                  <g
-                    id="close"
+                  <div
+                    class="t-space-item"
                   >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
             </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
             <div
-              class="t-dialog__body"
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
               <div
-                class="t-image-viewer-mini__content"
+                class="t-image__loading"
               >
                 <div
-                  class="t-image-viewer__modal-pic"
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
                 >
                   <div
-                    class="t-image-viewer__modal-box"
-                    style="transform: translate(0px, 0px) scale(1, 1);"
+                    class="t-space-item"
                   >
-                    <img
-                      alt="image"
-                      class="t-image-viewer__modal-image"
-                      draggable="false"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                      style="transform: rotateZ(0deg) scale(1); display: block;"
-                    />
-                    <img
-                      alt="image"
-                      class="t-image-viewer__modal-image"
-                      draggable="false"
-                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-                      style="transform: rotateZ(0deg) scale(1); display: none;"
-                    />
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
             <div
-              class="t-dialog__footer"
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              />
               <div
-                class="t-image-viewer-mini__footer"
+                class="t-image__loading"
               >
                 <div
-                  class="t-image-viewer__utils"
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
                 >
                   <div
-                    class="t-image-viewer__utils-content"
+                    class="t-space-item"
                   >
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
                       >
-                        <svg
-                          class="t-icon t-icon-mirror t-size-m"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="mirror"
-                          >
-                            <g
-                              id="fill1"
-                            >
-                              <path
-                                d="M8 8.5V17.5H3L8 8.5Z"
-                                fill="transparent"
-                              />
-                              <path
-                                d="M16 8.5V17.5H21L16 8.5Z"
-                                fill="transparent"
-                              />
-                            </g>
-                            <path
-                              d="M12 3L12 21"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <g
-                              id="stroke1"
-                            >
-                              <path
-                                d="M8 8.5V17.5H3L8 8.5Z"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                              <path
-                                d="M16 8.5V17.5H21L16 8.5Z"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-rotation t-size-m"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="rotation"
-                          >
-                            <path
-                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-zoom-out t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="zoom-out"
-                        >
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.5 10.5H10.5L13.5 10.5"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
-                    >
-                      <span
-                        class="t-image-viewer__modal-icon-label"
-                      >
-                        100%
-                      </span>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-zoom-in t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="zoom-in"
-                        >
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-image t-size-m"
-                          fill="none"
-                          height="1em"
-                          name="image"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-download t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="download"
-                        >
-                          <path
-                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M20.5 15V20H3.5V15"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
                   </div>
                 </div>
               </div>
@@ -897,476 +871,159 @@ exports[`ImageViewer snapshots > modeless 模式 > image-viewer-modeless 1`] = `
         </div>
       </div>
     </div>
-  </div>
-</body>
-`;
-
-exports[`ImageViewer snapshots > modeless 模式 - 第二张图片 > image-viewer-modeless-second-image 1`] = `
-<body>
-  <div>
-    <span>
-      预览单张图片
-    </span>
-  </div>
-  <div
-    class="t-portal-wrapper appear appear-active"
-  >
     <div
-      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
-      tabindex="0"
+      class="t-image-viewer__modal-index"
     >
-      <div
-        class="t-dialog__wrap"
-      >
-        <div
-          class="t-dialog__position t-dialog--center"
+      <span />
+      2/3
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
         >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__utils"
+    >
+      <div
+        class="t-image-viewer__utils-content"
+      >
+        <div>
           <div
-            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
-            placement="center"
-            style="display: block; transform-origin: NaNpx NaNpx;"
+            class="t-image-viewer__modal-icon"
           >
-            <div
-              class="t-dialog__header"
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-dialog__header-content"
+              <g
+                id="mirror"
               >
-                <span
-                  class="t-image-viewer__dialog-title"
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
                 />
-              </div>
-              <span
-                class="t-dialog__close"
-                style="margin-left: auto;"
-              >
-                <svg
-                  class="t-icon t-icon-close"
-                  fill="none"
-                  height="1em"
-                  style="fill: none;"
-                  viewBox="0 0 24 24"
-                  width="1em"
+                <g
+                  id="stroke1"
                 >
-                  <g
-                    id="close"
-                  >
-                    <path
-                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-                      id="stroke1"
-                      stroke="currentColor"
-                      stroke-linecap="square"
-                      stroke-width="2"
-                    />
-                  </g>
-                </svg>
-              </span>
-            </div>
-            <div
-              class="t-dialog__body"
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <div
-                class="t-image-viewer-mini__content"
+              <g
+                id="rotation"
               >
-                <div
-                  class="t-image-viewer__modal-pic"
-                >
-                  <div
-                    class="t-image-viewer__modal-box"
-                    style="transform: translate(0px, 0px) scale(1, 1);"
-                  >
-                    <img
-                      alt="image"
-                      class="t-image-viewer__modal-image"
-                      draggable="false"
-                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-                      style="transform: rotateZ(0deg) scale(1); display: block;"
-                    />
-                    <img
-                      alt="image"
-                      class="t-image-viewer__modal-image"
-                      draggable="false"
-                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-                      style="transform: rotateZ(0deg) scale(1); display: none;"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="t-dialog__footer"
-            >
-              <div
-                class="t-image-viewer-mini__footer"
-              >
-                <div
-                  class="t-image-viewer__utils"
-                >
-                  <div
-                    class="t-image-viewer__utils-content"
-                  >
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-mirror t-size-m"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="mirror"
-                          >
-                            <g
-                              id="fill1"
-                            >
-                              <path
-                                d="M8 8.5V17.5H3L8 8.5Z"
-                                fill="transparent"
-                              />
-                              <path
-                                d="M16 8.5V17.5H21L16 8.5Z"
-                                fill="transparent"
-                              />
-                            </g>
-                            <path
-                              d="M12 3L12 21"
-                              id="stroke2"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                            <g
-                              id="stroke1"
-                            >
-                              <path
-                                d="M8 8.5V17.5H3L8 8.5Z"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                              <path
-                                d="M16 8.5V17.5H21L16 8.5Z"
-                                stroke="currentColor"
-                                stroke-linecap="square"
-                                stroke-width="2"
-                              />
-                            </g>
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-rotation t-size-m"
-                          fill="none"
-                          height="1em"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="rotation"
-                          >
-                            <path
-                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-linecap="square"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-zoom-out t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="zoom-out"
-                        >
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M7.5 10.5H10.5L13.5 10.5"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
-                    >
-                      <span
-                        class="t-image-viewer__modal-icon-label"
-                      >
-                        100%
-                      </span>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-zoom-in t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="zoom-in"
-                        >
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                            fill="transparent"
-                            id="fill1"
-                          />
-                          <path
-                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                    <div>
-                      <div
-                        class="t-image-viewer__modal-icon"
-                      >
-                        <svg
-                          class="t-icon t-icon-image t-size-m"
-                          fill="none"
-                          height="1em"
-                          name="image"
-                          style="fill: none;"
-                          viewBox="0 0 24 24"
-                          width="1em"
-                        >
-                          <g
-                            id="image"
-                          >
-                            <path
-                              d="M3 21H20L9 10L3 16V21Z"
-                              fill="transparent"
-                              id="fill1"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              fill="transparent"
-                              id="fill2"
-                              r="2"
-                            />
-                            <path
-                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                              id="stroke1"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                            <circle
-                              cx="15.75"
-                              cy="8.25"
-                              id="stroke2"
-                              r="2"
-                              stroke="currentColor"
-                              stroke-width="2"
-                            />
-                          </g>
-                        </svg>
-                      </div>
-                    </div>
-                    <div
-                      class="t-image-viewer__modal-icon"
-                    >
-                      <svg
-                        class="t-icon t-icon-download t-size-m"
-                        fill="none"
-                        height="1em"
-                        style="fill: none;"
-                        viewBox="0 0 24 24"
-                        width="1em"
-                      >
-                        <g
-                          id="download"
-                        >
-                          <path
-                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                            id="stroke1"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                          <path
-                            d="M20.5 15V20H3.5V15"
-                            id="stroke2"
-                            stroke="currentColor"
-                            stroke-linecap="square"
-                            stroke-width="2"
-                          />
-                        </g>
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ImageViewer snapshots > 不可拖拽 > image-viewer-not-draggable 1`] = `
-<body>
-  <div>
-    <span>
-      预览单张图片
-    </span>
-  </div>
-  <div
-    class="t-image-viewer-preview-image"
-  >
-    <div
-      class="t-image-viewer__modal-mask"
-    />
-    <div
-      class="t-image-viewer__utils"
-    >
-      <div
-        class="t-image-viewer__utils-content"
-      >
-        <div>
-          <div
-            class="t-image-viewer__modal-icon"
-          >
-            <svg
-              class="t-icon t-icon-mirror t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mirror"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M8 8.5V17.5H3L8 8.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M16 8.5V17.5H21L16 8.5Z"
-                    fill="transparent"
-                  />
-                </g>
-                <path
-                  d="M12 3L12 21"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M8 8.5V17.5H3L8 8.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 8.5V17.5H21L16 8.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div>
-          <div
-            class="t-image-viewer__modal-icon"
-          >
-            <svg
-              class="t-icon t-icon-rotation t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="rotation"
-              >
-                <path
-                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-zoom-out t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="zoom-out"
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-out"
             >
               <path
                 d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
@@ -1549,14 +1206,14 @@ exports[`ImageViewer snapshots > 不可拖拽 > image-viewer-not-draggable 1`] =
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
           style="transform: rotateZ(0deg) scale(1); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
           style="transform: rotateZ(0deg) scale(1); display: none;"
         />
       </div>
@@ -1565,11 +1222,11 @@ exports[`ImageViewer snapshots > 不可拖拽 > image-viewer-not-draggable 1`] =
 </body>
 `;
 
-exports[`ImageViewer snapshots > 关闭按钮为 false > image-viewer-close-btn-disabled 1`] = `
+exports[`ImageViewer 工具栏操作快照 > 点击原始大小按钮后快照 > toolbar-after-reset 1`] = `
 <body>
   <div>
     <span>
-      预览单张图片
+      工具栏测试
     </span>
   </div>
   <div
@@ -1824,6 +1481,30 @@ exports[`ImageViewer snapshots > 关闭按钮为 false > image-viewer-close-btn-
         </div>
       </div>
     </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
     <div
       class="t-image-viewer__modal-pic"
     >
@@ -1851,11 +1532,11 @@ exports[`ImageViewer snapshots > 关闭按钮为 false > image-viewer-close-btn-
 </body>
 `;
 
-exports[`ImageViewer snapshots > 单张图片默认状态 > image-viewer-single-image-default 1`] = `
+exports[`ImageViewer 工具栏操作快照 > 点击放大按钮后快照 > toolbar-after-zoom-in 1`] = `
 <body>
   <div>
     <span>
-      预览单张图片
+      工具栏测试
     </span>
   </div>
   <div
@@ -1992,7 +1673,7 @@ exports[`ImageViewer snapshots > 单张图片默认状态 > image-viewer-single-
           <span
             class="t-image-viewer__modal-icon-label"
           >
-            100%
+            120%
           </span>
         </div>
         <div
@@ -2146,14 +1827,14 @@ exports[`ImageViewer snapshots > 单张图片默认状态 > image-viewer-single-
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: block;"
+          style="transform: rotateZ(0deg) scale(1.2); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: none;"
+          style="transform: rotateZ(0deg) scale(1.2); display: none;"
         />
       </div>
     </div>
@@ -2161,11 +1842,11 @@ exports[`ImageViewer snapshots > 单张图片默认状态 > image-viewer-single-
 </body>
 `;
 
-exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-image-default 1`] = `
+exports[`ImageViewer 工具栏操作快照 > 点击旋转按钮后快照 > toolbar-after-rotate 1`] = `
 <body>
   <div>
     <span>
-      预览单张图片
+      工具栏测试
     </span>
   </div>
   <div
@@ -2175,263 +1856,256 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
       class="t-image-viewer__modal-mask"
     />
     <div
-      class="t-image-viewer__modal-header t-is-show"
+      class="t-image-viewer__utils"
     >
       <div
-        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+        class="t-image-viewer__utils-content"
       >
-        <svg
-          class="t-icon t-icon-chevron-down"
-          fill="none"
-          height="1em"
-          style="fill: none; font-size: 16px;"
-          viewBox="0 0 24 24"
-          width="1em"
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-mirror t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="mirror"
+              >
+                <g
+                  id="fill1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    fill="transparent"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    fill="transparent"
+                  />
+                </g>
+                <path
+                  d="M12 3L12 21"
+                  id="stroke2"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+                <g
+                  id="stroke1"
+                >
+                  <path
+                    d="M8 8.5V17.5H3L8 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                  <path
+                    d="M16 8.5V17.5H21L16 8.5Z"
+                    stroke="currentColor"
+                    stroke-linecap="square"
+                    stroke-width="2"
+                  />
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-rotation t-size-m"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="rotation"
+              >
+                <path
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-linecap="square"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
         >
-          <g
-            id="chevron-down"
+          <svg
+            class="t-icon t-icon-zoom-out t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <path
-              d="M17.5 9.5L12 15L6.5 9.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="t-image-viewer__header-prev"
-      >
+            <g
+              id="zoom-out"
+            >
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M7.5 10.5H10.5L13.5 10.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
         <div
-          class="t-image-viewer__header-trans"
-          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
         >
-          <div
-            class="t-image-viewer__header-box t-is-active"
+          <span
+            class="t-image-viewer__modal-icon-label"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            100%
+          </span>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="zoom-in"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
               />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
           <div
-            class="t-image-viewer__header-box"
+            class="t-image-viewer__modal-icon"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-              />
-              <div
-                class="t-image__loading"
+              <g
+                id="image"
               >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
           </div>
-          <div
-            class="t-image-viewer__header-box"
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            <g
+              id="download"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
               />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
         </div>
       </div>
     </div>
     <div
-      class="t-image-viewer__modal-index"
-    >
-      <span />
-      1/3
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
     >
       <svg
-        class="t-icon t-icon-chevron-left"
+        class="t-icon t-icon-close"
         fill="none"
         height="1em"
         style="fill: none; font-size: 24px;"
@@ -2439,10 +2113,10 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
         width="1em"
       >
         <g
-          id="chevron-left"
+          id="close"
         >
           <path
-            d="M14.5 17.5L9 12L14.5 6.5"
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
             id="stroke1"
             stroke="currentColor"
             stroke-linecap="square"
@@ -2452,29 +2126,45 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
       </svg>
     </div>
     <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+      class="t-image-viewer__modal-pic"
     >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
       >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(-90deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(-90deg) scale(1); display: none;"
+        />
+      </div>
     </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer 工具栏操作快照 > 点击缩小按钮后快照 > toolbar-after-zoom-out 1`] = `
+<body>
+  <div>
+    <span>
+      工具栏测试
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
     <div
       class="t-image-viewer__utils"
     >
@@ -2603,7 +2293,7 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
           <span
             class="t-image-viewer__modal-icon-label"
           >
-            100%
+            80%
           </span>
         </div>
         <div
@@ -2757,14 +2447,14 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: block;"
+          style="transform: rotateZ(0deg) scale(0.8); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: none;"
+          style="transform: rotateZ(0deg) scale(0.8); display: none;"
         />
       </div>
     </div>
@@ -2772,16 +2462,19 @@ exports[`ImageViewer snapshots > 多张图片默认状态 > image-viewer-multi-i
 </body>
 `;
 
-exports[`ImageViewer snapshots > 无遮罩层 > image-viewer-no-overlay 1`] = `
+exports[`ImageViewer 工具栏操作快照 > 点击镜像按钮后快照 > toolbar-after-mirror 1`] = `
 <body>
   <div>
     <span>
-      预览单张图片
+      工具栏测试
     </span>
   </div>
   <div
     class="t-image-viewer-preview-image"
   >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
     <div
       class="t-image-viewer__utils"
     >
@@ -3057,7 +2750,7 @@ exports[`ImageViewer snapshots > 无遮罩层 > image-viewer-no-overlay 1`] = `
     >
       <div
         class="t-image-viewer__modal-box"
-        style="transform: translate(0px, 0px) scale(1, 1);"
+        style="transform: translate(0px, 0px) scale(-1, 1);"
       >
         <img
           alt="image"
@@ -3079,250 +2772,256 @@ exports[`ImageViewer snapshots > 无遮罩层 > image-viewer-no-overlay 1`] = `
 </body>
 `;
 
-exports[`ImageViewer snapshots > 自定义 imageScale 配置 > image-viewer-custom-scale-config 1`] = `
-<body>
-  <div>
-    <span>
-      预览单张图片
-    </span>
-  </div>
+exports[`ImageViewer 快照测试 > DefaultTrigger 多张图片默认触发器 > image-viewer-default-trigger-multi 1`] = `
+<div>
   <div
-    class="t-image-viewer-preview-image"
+    class="t-image-viewer__trigger"
   >
     <div
-      class="t-image-viewer__modal-mask"
-    />
-    <div
-      class="t-image-viewer__modal-header t-is-show"
+      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
     >
+      <img
+        alt="preview"
+        class="t-image t-image--fit-contain t-image--position-center"
+        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+      />
       <div
-        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+        class="t-image__loading"
       >
+        <div
+          class="t-space t-space-align-center t-space-vertical"
+          style="gap: 8px;"
+        >
+          <div
+            class="t-space-item"
+          >
+            <svg
+              class="t-icon t-icon-image"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+          <div
+            class="t-space-item"
+          >
+            图片加载中
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__trigger--hover"
+    >
+      <span>
         <svg
-          class="t-icon t-icon-chevron-down"
+          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
           fill="none"
           height="1em"
-          style="fill: none; font-size: 16px;"
+          style="fill: none; font-size: 1.4em;"
           viewBox="0 0 24 24"
           width="1em"
         >
           <g
-            id="chevron-down"
+            clip-path="url(#clip0_543_7945)"
+            id="browse"
           >
             <path
-              d="M17.5 9.5L12 15L6.5 9.5"
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              fill="transparent"
+              id="fill2"
+            />
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
               id="stroke1"
               stroke="currentColor"
               stroke-linecap="square"
               stroke-width="2"
             />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
           </g>
         </svg>
-      </div>
+        预览
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer 快照测试 > DefaultTrigger 默认触发器 > image-viewer-default-trigger 1`] = `
+<div>
+  <div
+    class="t-image-viewer__trigger"
+  >
+    <div
+      class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__trigger-img"
+    >
+      <img
+        alt="preview"
+        class="t-image t-image--fit-contain t-image--position-center"
+        src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+      />
       <div
-        class="t-image-viewer__header-prev"
+        class="t-image__loading"
       >
         <div
-          class="t-image-viewer__header-trans"
-          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+          class="t-space t-space-align-center t-space-vertical"
+          style="gap: 8px;"
         >
           <div
-            class="t-image-viewer__header-box t-is-active"
+            class="t-space-item"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            <svg
+              class="t-icon t-icon-image"
+              fill="none"
+              height="1em"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-              />
-              <div
-                class="t-image__loading"
+              <g
+                id="image"
               >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
           </div>
           <div
-            class="t-image-viewer__header-box"
+            class="t-space-item"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
-            >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
+            图片加载中
           </div>
         </div>
       </div>
     </div>
     <div
-      class="t-image-viewer__modal-index"
-    >
-      <span />
-      1/2
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+      class="t-image-viewer__trigger--hover"
     >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
+      <span>
+        <svg
+          class="t-icon t-icon-browse t-image-viewer__trigger-icon"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 1.4em;"
+          viewBox="0 0 24 24"
+          width="1em"
         >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
+          <g
+            clip-path="url(#clip0_543_7945)"
+            id="browse"
+          >
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              fill="transparent"
+              id="fill1"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              fill="transparent"
+              id="fill2"
+            />
+            <path
+              d="M11.9997 4C6.86881 4 2.52275 7.36017 1.04199 12C2.52275 16.6398 6.86881 20 11.9997 20C17.1306 20 21.4766 16.6398 22.9574 12C21.4766 7.36017 17.1306 4 11.9997 4Z"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+            <path
+              d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
+              id="stroke2"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+        预览
+      </span>
     </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer 快照测试 > attach 到指定容器 > image-viewer-attach-custom-container 1`] = `
+<div
+  id="custom-attach-container"
+>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
     <div
       class="t-image-viewer__utils"
     >
@@ -3451,7 +3150,7 @@ exports[`ImageViewer snapshots > 自定义 imageScale 配置 > image-viewer-cust
           <span
             class="t-image-viewer__modal-icon-label"
           >
-            200%
+            100%
           </span>
         </div>
         <div
@@ -3503,124 +3202,478 @@ exports[`ImageViewer snapshots > 自定义 imageScale 配置 > image-viewer-cust
               viewBox="0 0 24 24"
               width="1em"
             >
-              <g
-                id="image"
+              <g
+                id="image"
+              >
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
+          </div>
+        </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    >
+      <svg
+        class="t-icon t-icon-close"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="close"
+        >
+          <path
+            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-pic"
+    >
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
+      >
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`ImageViewer 快照测试 > modeless 模式 > image-viewer-modeless 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-portal-wrapper appear appear-active"
+  >
+    <div
+      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
+      tabindex="0"
+    >
+      <div
+        class="t-dialog__wrap"
+      >
+        <div
+          class="t-dialog__position t-dialog--center"
+        >
+          <div
+            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
+            placement="center"
+            style="display: block; transform-origin: 0px 0px;"
+          >
+            <div
+              class="t-dialog__header"
+            >
+              <div
+                class="t-dialog__header-content"
+              >
+                <span
+                  class="t-image-viewer__dialog-title"
+                />
+              </div>
+              <span
+                class="t-dialog__close"
+                style="margin-left: auto;"
+              >
+                <svg
+                  class="t-icon t-icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                >
+                  <g
+                    id="close"
+                  >
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+            <div
+              class="t-dialog__body"
+            >
+              <div
+                class="t-image-viewer-mini__content"
+              >
+                <div
+                  class="t-image-viewer__modal-pic"
+                >
+                  <div
+                    class="t-image-viewer__modal-box"
+                    style="transform: translate(0px, 0px) scale(1, 1);"
+                  >
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                      style="transform: rotateZ(0deg) scale(1); display: block;"
+                    />
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+                      style="transform: rotateZ(0deg) scale(1); display: none;"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="t-dialog__footer"
+            >
+              <div
+                class="t-image-viewer-mini__footer"
               >
-                <path
-                  d="M3 21H20L9 10L3 16V21Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  fill="transparent"
-                  id="fill2"
-                  r="2"
-                />
-                <path
-                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  id="stroke2"
-                  r="2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
+                <div
+                  class="t-image-viewer__utils"
+                >
+                  <div
+                    class="t-image-viewer__utils-content"
+                  >
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-mirror t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="mirror"
+                          >
+                            <g
+                              id="fill1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                fill="transparent"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                fill="transparent"
+                              />
+                            </g>
+                            <path
+                              d="M12 3L12 21"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <g
+                              id="stroke1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-rotation t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="rotation"
+                          >
+                            <path
+                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-out t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-out"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.5 10.5H10.5L13.5 10.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+                    >
+                      <span
+                        class="t-image-viewer__modal-icon-label"
+                      >
+                        100%
+                      </span>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-in t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-in"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-image t-size-m"
+                          fill="none"
+                          height="1em"
+                          name="image"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-download t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="download"
+                        >
+                          <path
+                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M20.5 15V20H3.5V15"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-download t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="download"
-            >
-              <path
-                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M20.5 15V20H3.5V15"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-      </div>
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
-    >
-      <svg
-        class="t-icon t-icon-close"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="close"
-        >
-          <path
-            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-image-viewer__modal-pic"
-    >
-      <div
-        class="t-image-viewer__modal-box"
-        style="transform: translate(0px, 0px) scale(1, 1);"
-      >
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(2); display: block;"
-        />
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(2); display: none;"
-        />
       </div>
     </div>
   </div>
 </body>
 `;
 
-exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`] = `
+exports[`ImageViewer 快照测试 > modeless 模式切换图片 > image-viewer-modeless-second-image 1`] = `
 <body>
   <div>
     <span>
@@ -3628,180 +3681,340 @@ exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`]
     </span>
   </div>
   <div
-    class="t-image-viewer-preview-image"
+    class="t-portal-wrapper appear appear-active"
   >
     <div
-      class="t-image-viewer__modal-mask"
-    />
-    <div
-      class="t-image-viewer__modal-header t-is-show"
+      class="t-image-viewer__dialog t-dialog__ctx t-dialog__modeless t-dialog__ctx--fixed t-dialog__ctx--modeless"
+      tabindex="0"
     >
       <div
-        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
-      >
-        <svg
-          class="t-icon t-icon-chevron-down"
-          fill="none"
-          height="1em"
-          style="fill: none; font-size: 16px;"
-          viewBox="0 0 24 24"
-          width="1em"
-        >
-          <g
-            id="chevron-down"
-          >
-            <path
-              d="M17.5 9.5L12 15L6.5 9.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="t-image-viewer__header-prev"
+        class="t-dialog__wrap"
       >
         <div
-          class="t-image-viewer__header-trans"
-          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+          class="t-dialog__position t-dialog--center"
         >
           <div
-            class="t-image-viewer__header-box t-is-active"
+            class="t-dialog t-dialog--default t-dialog-zoom-appear t-dialog-zoom-appear-active"
+            placement="center"
+            style="display: block; transform-origin: 0px 0px;"
           >
             <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+              class="t-dialog__header"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-              />
               <div
-                class="t-image__loading"
+                class="t-dialog__header-content"
               >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
+                <span
+                  class="t-image-viewer__dialog-title"
+                />
+              </div>
+              <span
+                class="t-dialog__close"
+                style="margin-left: auto;"
+              >
+                <svg
+                  class="t-icon t-icon-close"
+                  fill="none"
+                  height="1em"
+                  style="fill: none;"
+                  viewBox="0 0 24 24"
+                  width="1em"
                 >
-                  <div
-                    class="t-space-item"
+                  <g
+                    id="close"
                   >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
+                    <path
+                      d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+                      id="stroke1"
+                      stroke="currentColor"
+                      stroke-linecap="square"
+                      stroke-width="2"
+                    />
+                  </g>
+                </svg>
+              </span>
+            </div>
+            <div
+              class="t-dialog__body"
+            >
+              <div
+                class="t-image-viewer-mini__content"
+              >
+                <div
+                  class="t-image-viewer__modal-pic"
+                >
                   <div
-                    class="t-space-item"
+                    class="t-image-viewer__modal-box"
+                    style="transform: translate(0px, 0px) scale(1, 1);"
                   >
-                    图片加载中
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+                      style="transform: rotateZ(0deg) scale(1); display: block;"
+                    />
+                    <img
+                      alt="image"
+                      class="t-image-viewer__modal-image"
+                      draggable="false"
+                      src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+                      style="transform: rotateZ(0deg) scale(1); display: none;"
+                    />
                   </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div
-            class="t-image-viewer__header-box"
-          >
             <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+              class="t-dialog__footer"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-              />
               <div
-                class="t-image__loading"
+                class="t-image-viewer-mini__footer"
               >
                 <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
+                  class="t-image-viewer__utils"
                 >
                   <div
-                    class="t-space-item"
+                    class="t-image-viewer__utils-content"
                   >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-mirror t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="mirror"
+                          >
+                            <g
+                              id="fill1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                fill="transparent"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                fill="transparent"
+                              />
+                            </g>
+                            <path
+                              d="M12 3L12 21"
+                              id="stroke2"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                            <g
+                              id="stroke1"
+                            >
+                              <path
+                                d="M8 8.5V17.5H3L8 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                              <path
+                                d="M16 8.5V17.5H21L16 8.5Z"
+                                stroke="currentColor"
+                                stroke-linecap="square"
+                                stroke-width="2"
+                              />
+                            </g>
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-rotation t-size-m"
+                          fill="none"
+                          height="1em"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="rotation"
+                          >
+                            <path
+                              d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-linecap="square"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-out t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-out"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M7.5 10.5H10.5L13.5 10.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+                    >
+                      <span
+                        class="t-image-viewer__modal-icon-label"
+                      >
+                        100%
+                      </span>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
+                    >
+                      <svg
+                        class="t-icon t-icon-zoom-in t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                      >
+                        <g
+                          id="zoom-in"
+                        >
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                            fill="transparent"
+                            id="fill1"
+                          />
+                          <path
+                            d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
+                    <div>
+                      <div
+                        class="t-image-viewer__modal-icon"
+                      >
+                        <svg
+                          class="t-icon t-icon-image t-size-m"
+                          fill="none"
+                          height="1em"
+                          name="image"
+                          style="fill: none;"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                        >
+                          <g
+                            id="image"
+                          >
+                            <path
+                              d="M3 21H20L9 10L3 16V21Z"
+                              fill="transparent"
+                              id="fill1"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              fill="transparent"
+                              id="fill2"
+                              r="2"
+                            />
+                            <path
+                              d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                              id="stroke1"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                            <circle
+                              cx="15.75"
+                              cy="8.25"
+                              id="stroke2"
+                              r="2"
+                              stroke="currentColor"
+                              stroke-width="2"
+                            />
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                    <div
+                      class="t-image-viewer__modal-icon"
                     >
-                      <g
-                        id="image"
+                      <svg
+                        class="t-icon t-icon-download t-size-m"
+                        fill="none"
+                        height="1em"
+                        style="fill: none;"
+                        viewBox="0 0 24 24"
+                        width="1em"
                       >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
+                        <g
+                          id="download"
+                        >
+                          <path
+                            d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                            id="stroke1"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                          <path
+                            d="M20.5 15V20H3.5V15"
+                            id="stroke2"
+                            stroke="currentColor"
+                            stroke-linecap="square"
+                            stroke-width="2"
+                          />
+                        </g>
+                      </svg>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -3810,62 +4023,23 @@ exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`]
         </div>
       </div>
     </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer 快照测试 > 不可拖拽 > image-viewer-not-draggable 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
     <div
-      class="t-image-viewer__modal-index"
-    >
-      <span>
-        自定义标题
-      </span>
-      1/2
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
-    >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
+      class="t-image-viewer__modal-mask"
+    />
     <div
       class="t-image-viewer__utils"
     >
@@ -4163,7 +4337,7 @@ exports[`ImageViewer snapshots > 自定义 title > image-viewer-custom-title 1`]
 </body>
 `;
 
-exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-close-btn 1`] = `
+exports[`ImageViewer 快照测试 > 关闭按钮为 false > image-viewer-close-btn-disabled 1`] = `
 <body>
   <div>
     <span>
@@ -4252,137 +4426,10 @@ exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-clo
                 id="rotation"
               >
                 <path
-                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-zoom-out t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="zoom-out"
-            >
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M7.5 10.5H10.5L13.5 10.5"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
-        >
-          <span
-            class="t-image-viewer__modal-icon-label"
-          >
-            100%
-          </span>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-zoom-in t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="zoom-in"
-            >
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div>
-          <div
-            class="t-image-viewer__modal-icon"
-          >
-            <svg
-              class="t-icon t-icon-image t-size-m"
-              fill="none"
-              height="1em"
-              name="image"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="image"
-              >
-                <path
-                  d="M3 21H20L9 10L3 16V21Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  fill="transparent"
-                  id="fill2"
-                  r="2"
-                />
-                <path
-                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
                   id="stroke1"
                   stroke="currentColor"
-                  stroke-width="2"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  id="stroke2"
-                  r="2"
-                  stroke="currentColor"
+                  stroke-linecap="square"
                   stroke-width="2"
                 />
               </g>
@@ -4393,7 +4440,7 @@ exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-clo
           class="t-image-viewer__modal-icon"
         >
           <svg
-            class="t-icon t-icon-download t-size-m"
+            class="t-icon t-icon-zoom-out t-size-m"
             fill="none"
             height="1em"
             style="fill: none;"
@@ -4401,17 +4448,22 @@ exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-clo
             width="1em"
           >
             <g
-              id="download"
+              id="zoom-out"
             >
               <path
-                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
+              />
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
                 id="stroke1"
                 stroke="currentColor"
                 stroke-linecap="square"
                 stroke-width="2"
               />
               <path
-                d="M20.5 15V20H3.5V15"
+                d="M7.5 10.5H10.5L13.5 10.5"
                 id="stroke2"
                 stroke="currentColor"
                 stroke-linecap="square"
@@ -4420,354 +4472,170 @@ exports[`ImageViewer snapshots > 自定义关闭按钮 > image-viewer-custom-clo
             </g>
           </svg>
         </div>
-      </div>
-    </div>
-    <span
-      class="custom-close"
-    >
-      ✕
-    </span>
-    <div
-      class="t-image-viewer__modal-pic"
-    >
-      <div
-        class="t-image-viewer__modal-box"
-        style="transform: translate(0px, 0px) scale(1, 1);"
-      >
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: block;"
-        />
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: none;"
-        />
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-next 1`] = `
-<body>
-  <div>
-    <span>
-      工具栏测试
-    </span>
-  </div>
-  <div
-    class="t-image-viewer-preview-image"
-  >
-    <div
-      class="t-image-viewer__modal-mask"
-    />
-    <div
-      class="t-image-viewer__modal-header t-is-show"
-    >
-      <div
-        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
-      >
-        <svg
-          class="t-icon t-icon-chevron-down"
-          fill="none"
-          height="1em"
-          style="fill: none; font-size: 16px;"
-          viewBox="0 0 24 24"
-          width="1em"
+        <div
+          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
         >
-          <g
-            id="chevron-down"
+          <span
+            class="t-image-viewer__modal-icon-label"
           >
-            <path
-              d="M17.5 9.5L12 15L6.5 9.5"
-              id="stroke1"
-              stroke="currentColor"
-              stroke-linecap="square"
-              stroke-width="2"
-            />
-          </g>
-        </svg>
-      </div>
-      <div
-        class="t-image-viewer__header-prev"
-      >
+            100%
+          </span>
+        </div>
         <div
-          class="t-image-viewer__header-trans"
-          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
+          class="t-image-viewer__modal-icon"
         >
-          <div
-            class="t-image-viewer__header-box"
-          >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
-            >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__header-box t-is-active"
-          >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
-            >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
-              />
-              <div
-                class="t-image__loading"
-              >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="t-image-viewer__header-box"
+          <svg
+            class="t-icon t-icon-zoom-in t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
           >
-            <div
-              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            <g
+              id="zoom-in"
             >
-              <img
-                alt=""
-                class="t-image t-image--fit-fill t-image--position-center"
-                src="https://tdesign.gtimg.com/demo/demo-image-3.png"
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
+                fill="transparent"
+                id="fill1"
               />
-              <div
-                class="t-image__loading"
+              <path
+                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
+        <div>
+          <div
+            class="t-image-viewer__modal-icon"
+          >
+            <svg
+              class="t-icon t-icon-image t-size-m"
+              fill="none"
+              height="1em"
+              name="image"
+              style="fill: none;"
+              viewBox="0 0 24 24"
+              width="1em"
+            >
+              <g
+                id="image"
               >
-                <div
-                  class="t-space t-space-align-center t-space-vertical"
-                  style="gap: 8px;"
-                >
-                  <div
-                    class="t-space-item"
-                  >
-                    <svg
-                      class="t-icon t-icon-image"
-                      fill="none"
-                      height="1em"
-                      style="fill: none;"
-                      viewBox="0 0 24 24"
-                      width="1em"
-                    >
-                      <g
-                        id="image"
-                      >
-                        <path
-                          d="M3 21H20L9 10L3 16V21Z"
-                          fill="transparent"
-                          id="fill1"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          fill="transparent"
-                          id="fill2"
-                          r="2"
-                        />
-                        <path
-                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                          id="stroke1"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                        <circle
-                          cx="15.75"
-                          cy="8.25"
-                          id="stroke2"
-                          r="2"
-                          stroke="currentColor"
-                          stroke-width="2"
-                        />
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    class="t-space-item"
-                  >
-                    图片加载中
-                  </div>
-                </div>
-              </div>
-            </div>
+                <path
+                  d="M3 21H20L9 10L3 16V21Z"
+                  fill="transparent"
+                  id="fill1"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  fill="transparent"
+                  id="fill2"
+                  r="2"
+                />
+                <path
+                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                  id="stroke1"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+                <circle
+                  cx="15.75"
+                  cy="8.25"
+                  id="stroke2"
+                  r="2"
+                  stroke="currentColor"
+                  stroke-width="2"
+                />
+              </g>
+            </svg>
           </div>
         </div>
+        <div
+          class="t-image-viewer__modal-icon"
+        >
+          <svg
+            class="t-icon t-icon-download t-size-m"
+            fill="none"
+            height="1em"
+            style="fill: none;"
+            viewBox="0 0 24 24"
+            width="1em"
+          >
+            <g
+              id="download"
+            >
+              <path
+                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
+                id="stroke1"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+              <path
+                d="M20.5 15V20H3.5V15"
+                id="stroke2"
+                stroke="currentColor"
+                stroke-linecap="square"
+                stroke-width="2"
+              />
+            </g>
+          </svg>
+        </div>
       </div>
     </div>
     <div
-      class="t-image-viewer__modal-index"
-    >
-      <span />
-      2/3
-    </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+      class="t-image-viewer__modal-pic"
     >
-      <svg
-        class="t-icon t-icon-chevron-left"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
+      <div
+        class="t-image-viewer__modal-box"
+        style="transform: translate(0px, 0px) scale(1, 1);"
       >
-        <g
-          id="chevron-left"
-        >
-          <path
-            d="M14.5 17.5L9 12L14.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: block;"
+        />
+        <img
+          alt="image"
+          class="t-image-viewer__modal-image"
+          draggable="false"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+          style="transform: rotateZ(0deg) scale(1); display: none;"
+        />
+      </div>
     </div>
+  </div>
+</body>
+`;
+
+exports[`ImageViewer 快照测试 > 单张图片默认状态 > image-viewer-single-image-default 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
     <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
-    >
-      <svg
-        class="t-icon t-icon-chevron-right"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="chevron-right"
-        >
-          <path
-            d="M9.5 17.5L15 12L9.5 6.5"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
+      class="t-image-viewer__modal-mask"
+    />
     <div
       class="t-image-viewer__utils"
     >
@@ -5049,14 +4917,14 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
           style="transform: rotateZ(0deg) scale(1); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
           style="transform: rotateZ(0deg) scale(1); display: none;"
         />
       </div>
@@ -5065,11 +4933,11 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
 </body>
 `;
 
-exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一张按钮快照 > toolbar-navigate-prev 1`] = `
+exports[`ImageViewer 快照测试 > 多张图片默认状态 > image-viewer-multi-image-default 1`] = `
 <body>
   <div>
     <span>
-      工具栏测试
+      预览单张图片
     </span>
   </div>
   <div
@@ -5110,10 +4978,10 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
       >
         <div
           class="t-image-viewer__header-trans"
-          style="transform: translateX(calc(-1 * (40px / 9 * 16 + 4px)));"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
         >
           <div
-            class="t-image-viewer__header-box"
+            class="t-image-viewer__header-box t-is-active"
           >
             <div
               class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
@@ -5183,7 +5051,7 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
             </div>
           </div>
           <div
-            class="t-image-viewer__header-box t-is-active"
+            class="t-image-viewer__header-box"
           >
             <div
               class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
@@ -5329,10 +5197,10 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
       class="t-image-viewer__modal-index"
     >
       <span />
-      2/3
+      1/3
     </div>
     <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt"
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
     >
       <svg
         class="t-icon t-icon-chevron-left"
@@ -5660,14 +5528,14 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
           style="transform: rotateZ(0deg) scale(1); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
           style="transform: rotateZ(0deg) scale(1); display: none;"
         />
       </div>
@@ -5676,19 +5544,16 @@ exports[`ImageViewer toolbar event snapshots > 多图导航：上一张/下一
 </body>
 `;
 
-exports[`ImageViewer toolbar event snapshots > 点击原始大小按钮后快照 > toolbar-after-reset 1`] = `
+exports[`ImageViewer 快照测试 > 无遮罩层 > image-viewer-no-overlay 1`] = `
 <body>
   <div>
     <span>
-      工具栏测试
+      预览单张图片
     </span>
   </div>
   <div
     class="t-image-viewer-preview-image"
   >
-    <div
-      class="t-image-viewer__modal-mask"
-    />
     <div
       class="t-image-viewer__utils"
     >
@@ -5982,23 +5847,254 @@ exports[`ImageViewer toolbar event snapshots > 点击原始大小按钮后快照
         />
       </div>
     </div>
-  </div>
-</body>
-`;
-
-exports[`ImageViewer toolbar event snapshots > 点击放大按钮后快照 > toolbar-after-zoom-in 1`] = `
-<body>
-  <div>
-    <span>
-      工具栏测试
-    </span>
-  </div>
-  <div
-    class="t-image-viewer-preview-image"
-  >
-    <div
-      class="t-image-viewer__modal-mask"
-    />
+  </div>
+</body>
+`;
+
+exports[`ImageViewer 快照测试 > 自定义 imageScale 配置 > image-viewer-custom-scale-config 1`] = `
+<body>
+  <div>
+    <span>
+      预览单张图片
+    </span>
+  </div>
+  <div
+    class="t-image-viewer-preview-image"
+  >
+    <div
+      class="t-image-viewer__modal-mask"
+    />
+    <div
+      class="t-image-viewer__modal-header t-is-show"
+    >
+      <div
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
+      >
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
+        >
+          <g
+            id="chevron-down"
+          >
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
+        <div
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
+        >
+          <div
+            class="t-image-viewer__header-box t-is-active"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="t-image-viewer__header-box"
+          >
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
+            >
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="t-image-viewer__modal-index"
+    >
+      <span />
+      1/2
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
+    >
+      <svg
+        class="t-icon t-icon-chevron-left"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-left"
+        >
+          <path
+            d="M14.5 17.5L9 12L14.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
+    >
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
+      >
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
+    </div>
     <div
       class="t-image-viewer__utils"
     >
@@ -6127,7 +6223,7 @@ exports[`ImageViewer toolbar event snapshots > 点击放大按钮后快照 > too
           <span
             class="t-image-viewer__modal-icon-label"
           >
-            100%
+            200%
           </span>
         </div>
         <div
@@ -6281,14 +6377,14 @@ exports[`ImageViewer toolbar event snapshots > 点击放大按钮后快照 > too
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: block;"
+          style="transform: rotateZ(0deg) scale(2); display: block;"
         />
         <img
           alt="image"
           class="t-image-viewer__modal-image"
           draggable="false"
           src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: none;"
+          style="transform: rotateZ(0deg) scale(2); display: none;"
         />
       </div>
     </div>
@@ -6296,11 +6392,11 @@ exports[`ImageViewer toolbar event snapshots > 点击放大按钮后快照 > too
 </body>
 `;
 
-exports[`ImageViewer toolbar event snapshots > 点击旋转按钮后快照 > toolbar-after-rotate 1`] = `
+exports[`ImageViewer 快照测试 > 自定义 title > image-viewer-custom-title 1`] = `
 <body>
   <div>
     <span>
-      工具栏测试
+      预览单张图片
     </span>
   </div>
   <div
@@ -6310,256 +6406,195 @@ exports[`ImageViewer toolbar event snapshots > 点击旋转按钮后快照 > too
       class="t-image-viewer__modal-mask"
     />
     <div
-      class="t-image-viewer__utils"
+      class="t-image-viewer__modal-header t-is-show"
     >
       <div
-        class="t-image-viewer__utils-content"
+        class="t-image-viewer__modal-icon t-image-viewer__header-pre-bt"
       >
-        <div>
-          <div
-            class="t-image-viewer__modal-icon"
-          >
-            <svg
-              class="t-icon t-icon-mirror t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="mirror"
-              >
-                <g
-                  id="fill1"
-                >
-                  <path
-                    d="M8 8.5V17.5H3L8 8.5Z"
-                    fill="transparent"
-                  />
-                  <path
-                    d="M16 8.5V17.5H21L16 8.5Z"
-                    fill="transparent"
-                  />
-                </g>
-                <path
-                  d="M12 3L12 21"
-                  id="stroke2"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-                <g
-                  id="stroke1"
-                >
-                  <path
-                    d="M8 8.5V17.5H3L8 8.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                  <path
-                    d="M16 8.5V17.5H21L16 8.5Z"
-                    stroke="currentColor"
-                    stroke-linecap="square"
-                    stroke-width="2"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div>
-          <div
-            class="t-image-viewer__modal-icon"
-          >
-            <svg
-              class="t-icon t-icon-rotation t-size-m"
-              fill="none"
-              height="1em"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
-            >
-              <g
-                id="rotation"
-              >
-                <path
-                  d="M12 20C12 15.5818 8.41828 12 4 12M3 3V21H21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-linecap="square"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
-          </div>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-zoom-out t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="zoom-out"
-            >
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M7.5 10.5H10.5L13.5 10.5"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
-        <div
-          class="t-image-viewer__modal-icon t-image-viewer__utils-scale"
+        <svg
+          class="t-icon t-icon-chevron-down"
+          fill="none"
+          height="1em"
+          style="fill: none; font-size: 16px;"
+          viewBox="0 0 24 24"
+          width="1em"
         >
-          <span
-            class="t-image-viewer__modal-icon-label"
+          <g
+            id="chevron-down"
           >
-            100%
-          </span>
-        </div>
+            <path
+              d="M17.5 9.5L12 15L6.5 9.5"
+              id="stroke1"
+              stroke="currentColor"
+              stroke-linecap="square"
+              stroke-width="2"
+            />
+          </g>
+        </svg>
+      </div>
+      <div
+        class="t-image-viewer__header-prev"
+      >
         <div
-          class="t-image-viewer__modal-icon"
+          class="t-image-viewer__header-trans"
+          style="transform: translateX(calc(-0 * (40px / 9 * 16 + 4px)));"
         >
-          <svg
-            class="t-icon t-icon-zoom-in t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
+          <div
+            class="t-image-viewer__header-box t-is-active"
           >
-            <g
-              id="zoom-in"
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033Z"
-                fill="transparent"
-                id="fill1"
-              />
-              <path
-                d="M15.8033 15.8033C12.8744 18.7322 8.12563 18.7322 5.1967 15.8033C2.26777 12.8744 2.26777 8.12563 5.1967 5.1967C8.12563 2.26777 12.8744 2.26777 15.8033 5.1967C18.7322 8.12563 18.7322 12.8744 15.8033 15.8033ZM15.8033 15.8033L21.1066 21.1066"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M10.5 13.5V10.5M10.5 10.5L10.5 7.5M10.5 10.5H7.5M10.5 10.5H13.5"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-1.png"
               />
-            </g>
-          </svg>
-        </div>
-        <div>
+              <div
+                class="t-image__loading"
+              >
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
           <div
-            class="t-image-viewer__modal-icon"
+            class="t-image-viewer__header-box"
           >
-            <svg
-              class="t-icon t-icon-image t-size-m"
-              fill="none"
-              height="1em"
-              name="image"
-              style="fill: none;"
-              viewBox="0 0 24 24"
-              width="1em"
+            <div
+              class="t-image__wrapper t-image__wrapper--shape-square t-image-viewer__header-img"
             >
-              <g
-                id="image"
+              <img
+                alt=""
+                class="t-image t-image--fit-fill t-image--position-center"
+                src="https://tdesign.gtimg.com/demo/demo-image-2.png"
+              />
+              <div
+                class="t-image__loading"
               >
-                <path
-                  d="M3 21H20L9 10L3 16V21Z"
-                  fill="transparent"
-                  id="fill1"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  fill="transparent"
-                  id="fill2"
-                  r="2"
-                />
-                <path
-                  d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
-                  id="stroke1"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-                <circle
-                  cx="15.75"
-                  cy="8.25"
-                  id="stroke2"
-                  r="2"
-                  stroke="currentColor"
-                  stroke-width="2"
-                />
-              </g>
-            </svg>
+                <div
+                  class="t-space t-space-align-center t-space-vertical"
+                  style="gap: 8px;"
+                >
+                  <div
+                    class="t-space-item"
+                  >
+                    <svg
+                      class="t-icon t-icon-image"
+                      fill="none"
+                      height="1em"
+                      style="fill: none;"
+                      viewBox="0 0 24 24"
+                      width="1em"
+                    >
+                      <g
+                        id="image"
+                      >
+                        <path
+                          d="M3 21H20L9 10L3 16V21Z"
+                          fill="transparent"
+                          id="fill1"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          fill="transparent"
+                          id="fill2"
+                          r="2"
+                        />
+                        <path
+                          d="M3 16V3H21V21H20M3 16V21H20M3 16L9 10L20 21"
+                          id="stroke1"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                        <circle
+                          cx="15.75"
+                          cy="8.25"
+                          id="stroke2"
+                          r="2"
+                          stroke="currentColor"
+                          stroke-width="2"
+                        />
+                      </g>
+                    </svg>
+                  </div>
+                  <div
+                    class="t-space-item"
+                  >
+                    图片加载中
+                  </div>
+                </div>
+              </div>
+            </div>
           </div>
         </div>
-        <div
-          class="t-image-viewer__modal-icon"
-        >
-          <svg
-            class="t-icon t-icon-download t-size-m"
-            fill="none"
-            height="1em"
-            style="fill: none;"
-            viewBox="0 0 24 24"
-            width="1em"
-          >
-            <g
-              id="download"
-            >
-              <path
-                d="M16.5 10.5L12 15L7.5 10.5M12 13.75V4"
-                id="stroke1"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-              <path
-                d="M20.5 15V20H3.5V15"
-                id="stroke2"
-                stroke="currentColor"
-                stroke-linecap="square"
-                stroke-width="2"
-              />
-            </g>
-          </svg>
-        </div>
       </div>
     </div>
     <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+      class="t-image-viewer__modal-index"
+    >
+      <span>
+        自定义标题
+      </span>
+      1/2
+    </div>
+    <div
+      class="t-image-viewer__modal-icon t-image-viewer__modal-prev-bt t-is-disabled"
     >
       <svg
-        class="t-icon t-icon-close"
+        class="t-icon t-icon-chevron-left"
         fill="none"
         height="1em"
         style="fill: none; font-size: 24px;"
@@ -6567,10 +6602,10 @@ exports[`ImageViewer toolbar event snapshots > 点击旋转按钮后快照 > too
         width="1em"
       >
         <g
-          id="close"
+          id="chevron-left"
         >
           <path
-            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
+            d="M14.5 17.5L9 12L14.5 6.5"
             id="stroke1"
             stroke="currentColor"
             stroke-linecap="square"
@@ -6580,45 +6615,29 @@ exports[`ImageViewer toolbar event snapshots > 点击旋转按钮后快照 > too
       </svg>
     </div>
     <div
-      class="t-image-viewer__modal-pic"
+      class="t-image-viewer__modal-icon t-image-viewer__modal-next-bt"
     >
-      <div
-        class="t-image-viewer__modal-box"
-        style="transform: translate(0px, 0px) scale(1, 1);"
+      <svg
+        class="t-icon t-icon-chevron-right"
+        fill="none"
+        height="1em"
+        style="fill: none; font-size: 24px;"
+        viewBox="0 0 24 24"
+        width="1em"
       >
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: block;"
-        />
-        <img
-          alt="image"
-          class="t-image-viewer__modal-image"
-          draggable="false"
-          src="https://tdesign.gtimg.com/demo/demo-image-1.png"
-          style="transform: rotateZ(0deg) scale(1); display: none;"
-        />
-      </div>
+        <g
+          id="chevron-right"
+        >
+          <path
+            d="M9.5 17.5L15 12L9.5 6.5"
+            id="stroke1"
+            stroke="currentColor"
+            stroke-linecap="square"
+            stroke-width="2"
+          />
+        </g>
+      </svg>
     </div>
-  </div>
-</body>
-`;
-
-exports[`ImageViewer toolbar event snapshots > 点击缩小按钮后快照 > toolbar-after-zoom-out 1`] = `
-<body>
-  <div>
-    <span>
-      工具栏测试
-    </span>
-  </div>
-  <div
-    class="t-image-viewer-preview-image"
-  >
-    <div
-      class="t-image-viewer__modal-mask"
-    />
     <div
       class="t-image-viewer__utils"
     >
@@ -6916,11 +6935,11 @@ exports[`ImageViewer toolbar event snapshots > 点击缩小按钮后快照 > too
 </body>
 `;
 
-exports[`ImageViewer toolbar event snapshots > 点击镜像按钮后快照 > toolbar-after-mirror 1`] = `
+exports[`ImageViewer 快照测试 > 自定义关闭按钮 > image-viewer-custom-close-btn 1`] = `
 <body>
   <div>
     <span>
-      工具栏测试
+      预览单张图片
     </span>
   </div>
   <div
@@ -7175,30 +7194,11 @@ exports[`ImageViewer toolbar event snapshots > 点击镜像按钮后快照 > too
         </div>
       </div>
     </div>
-    <div
-      class="t-image-viewer__modal-icon t-image-viewer__modal-close-bt "
+    <span
+      class="custom-close"
     >
-      <svg
-        class="t-icon t-icon-close"
-        fill="none"
-        height="1em"
-        style="fill: none; font-size: 24px;"
-        viewBox="0 0 24 24"
-        width="1em"
-      >
-        <g
-          id="close"
-        >
-          <path
-            d="M16.9503 7.05029L12.0005 12M12.0005 12L7.05078 16.9498M12.0005 12L16.9503 16.9498M12.0005 12L7.05078 7.05029"
-            id="stroke1"
-            stroke="currentColor"
-            stroke-linecap="square"
-            stroke-width="2"
-          />
-        </g>
-      </svg>
-    </div>
+      ✕
+    </span>
     <div
       class="t-image-viewer__modal-pic"
     >
diff --git a/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap b/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
index 04a35d5f2c..45eb55245a 100644
--- a/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
+++ b/packages/components/image-viewer/__tests__/__snapshots__/utils.test.ts.snap
@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`formatImages snapshots > ImageInfo objects snapshot > formatImages-image-info-array 1`] = `
+exports[`formatImages 快照 > ImageInfo 对象数组快照 > formatImages-image-info-array 1`] = `
 [
   {
     "download": true,
@@ -16,39 +16,39 @@ exports[`formatImages snapshots > ImageInfo objects snapshot > formatImages-imag
 ]
 `;
 
-exports[`formatImages snapshots > empty array snapshot > formatImages-empty 1`] = `[]`;
-
-exports[`formatImages snapshots > mixed array snapshot > formatImages-mixed-array 1`] = `
+exports[`formatImages 快照 > 字符串数组快照 > formatImages-string-array 1`] = `
 [
   {
     "download": true,
-    "mainImage": "simple.jpg",
-    "thumbnail": "simple.jpg",
+    "mainImage": "img1.jpg",
+    "thumbnail": "img1.jpg",
   },
   {
     "download": true,
-    "mainImage": "complex.jpg",
-    "thumbnail": "complex-thumb.jpg",
+    "mainImage": "img2.png",
+    "thumbnail": "img2.png",
+  },
+  {
+    "download": true,
+    "mainImage": "img3.gif",
+    "thumbnail": "img3.gif",
   },
 ]
 `;
 
-exports[`formatImages snapshots > string images snapshot > formatImages-string-array 1`] = `
+exports[`formatImages 快照 > 混合数组快照 > formatImages-mixed-array 1`] = `
 [
   {
     "download": true,
-    "mainImage": "img1.jpg",
-    "thumbnail": "img1.jpg",
-  },
-  {
-    "download": true,
-    "mainImage": "img2.png",
-    "thumbnail": "img2.png",
+    "mainImage": "simple.jpg",
+    "thumbnail": "simple.jpg",
   },
   {
     "download": true,
-    "mainImage": "img3.gif",
-    "thumbnail": "img3.gif",
+    "mainImage": "complex.jpg",
+    "thumbnail": "complex-thumb.jpg",
   },
 ]
 `;
+
+exports[`formatImages 快照 > 空数组快照 > formatImages-empty 1`] = `[]`;
diff --git a/packages/components/image-viewer/__tests__/hooks.test.tsx b/packages/components/image-viewer/__tests__/hooks.test.tsx
index 202f096578..71575eda32 100644
--- a/packages/components/image-viewer/__tests__/hooks.test.tsx
+++ b/packages/components/image-viewer/__tests__/hooks.test.tsx
@@ -14,6 +14,7 @@ import { DEFAULT_IMAGE_SCALE } from '@tdesign/common-js/image-viewer/transform';
 import { act, renderHook, vi } from '@test/utils';
 
 import useImageScale from '../hooks/useImageScale';
+import useIndex from '../hooks/useIndex';
 import useMirror from '../hooks/useMirror';
 import usePosition from '../hooks/usePosition';
 import useRotate from '../hooks/useRotate';
@@ -23,13 +24,13 @@ import useViewerScale from '../hooks/useViewerScale';
 import type React from 'react';
 
 // ─── useMirror ───────────────────────────────────────────────────────────
-describe('useMirror', () => {
-  it('initial value is 1', () => {
+describe('useMirror 镜像', () => {
+  test('初始值为 1', () => {
     const { result } = renderHook(() => useMirror());
     expect(result.current.mirror).toBe(1);
   });
 
-  it('toggles between 1 and -1', () => {
+  test('在 1 和 -1 之间切换', () => {
     const { result } = renderHook(() => useMirror());
 
     act(() => result.current.onMirror());
@@ -42,7 +43,7 @@ describe('useMirror', () => {
     expect(result.current.mirror).toBe(-1);
   });
 
-  it('resetMirror restores to 1', () => {
+  test('resetMirror 恢复为 1', () => {
     const { result } = renderHook(() => useMirror());
 
     act(() => result.current.onMirror());
@@ -54,7 +55,7 @@ describe('useMirror', () => {
     expect(result.current.mirror).toBe(1);
   });
 
-  it('rapid toggles (10 times) return to 1', () => {
+  test('连续切换 10 次回到 1', () => {
     const { result } = renderHook(() => useMirror());
 
     act(() => {
@@ -65,7 +66,7 @@ describe('useMirror', () => {
     expect(result.current.mirror).toBe(1);
   });
 
-  it('multiple resets are idempotent', () => {
+  test('多次 resetMirror 幂等', () => {
     const { result } = renderHook(() => useMirror());
 
     act(() => result.current.onMirror());
@@ -77,13 +78,13 @@ describe('useMirror', () => {
 });
 
 // ─── useRotate ───────────────────────────────────────────────────────────
-describe('useRotate', () => {
-  it('initial value is 0', () => {
+describe('useRotate 旋转', () => {
+  test('初始值为 0', () => {
     const { result } = renderHook(() => useRotate());
     expect(result.current.rotateZ).toBe(0);
   });
 
-  it('rotates by -90° each time', () => {
+  test('每次旋转 -90°', () => {
     const { result } = renderHook(() => useRotate());
 
     act(() => result.current.onRotate());
@@ -99,7 +100,7 @@ describe('useRotate', () => {
     expect(result.current.rotateZ).toBe(-360);
   });
 
-  it('continues beyond 360°', () => {
+  test('超过 360° 继续累加（5 次 = -450°）', () => {
     const { result } = renderHook(() => useRotate());
 
     act(() => {
@@ -110,21 +111,9 @@ describe('useRotate', () => {
     expect(result.current.rotateZ).toBe(-450);
   });
 
-  it('multiple full rotations', () => {
+  test('从 -270° resetRotate（最短路径到 0°）', () => {
     const { result } = renderHook(() => useRotate());
 
-    act(() => {
-      for (let i = 0; i < 8; i++) {
-        result.current.onRotate();
-      }
-    });
-    expect(result.current.rotateZ).toBe(-720);
-  });
-
-  it('resetRotate from -270° (shortest path to 0°)', () => {
-    const { result } = renderHook(() => useRotate());
-
-    // Rotate to -270°
     act(() => {
       for (let i = 0; i < 3; i++) {
         result.current.onRotate();
@@ -132,13 +121,11 @@ describe('useRotate', () => {
     });
     expect(result.current.rotateZ).toBe(-270);
 
-    // -270 % 360 = -270, |-270| > 180 → adjusted = (-270+360)%360 = 90
-    // newRotateZ = -270 - 90 = -360 ≡ 0°
     act(() => result.current.onResetRotate());
     expect(result.current.rotateZ).toBe(-360);
   });
 
-  it('resetRotate from -180° (boundary)', () => {
+  test('从 -180° resetRotate（边界值）', () => {
     const { result } = renderHook(() => useRotate());
 
     act(() => {
@@ -147,20 +134,18 @@ describe('useRotate', () => {
     });
     expect(result.current.rotateZ).toBe(-180);
 
-    // -180 % 360 = -180, |-180| ≤ 180 → adjusted = -180
-    // newRotateZ = -180 - (-180) = 0
     act(() => result.current.onResetRotate());
     expect(result.current.rotateZ).toBe(0);
   });
 
-  it('resetRotate from 0° does nothing', () => {
+  test('从 0° resetRotate 无变化', () => {
     const { result } = renderHook(() => useRotate());
 
     act(() => result.current.onResetRotate());
     expect(result.current.rotateZ).toBe(0);
   });
 
-  it('reset during rotation sequence', () => {
+  test('旋转过程中重置', () => {
     const { result } = renderHook(() => useRotate());
 
     act(() => {
@@ -177,41 +162,56 @@ describe('useRotate', () => {
 });
 
 // ─── useImageScale ───────────────────────────────────────────────────────
-describe('useImageScale', () => {
-  it('returns defaults when no config provided', () => {
-    const result = useImageScale();
-    expect(result).toEqual(DEFAULT_IMAGE_SCALE);
+describe('useImageScale 缩放配置', () => {
+  test('无配置：返回 DEFAULT_IMAGE_SCALE 的所有字段', () => {
+    const { result } = renderHook(() => useImageScale());
+    expect(result.current.max).toBe(DEFAULT_IMAGE_SCALE.max);
+    expect(result.current.min).toBe(DEFAULT_IMAGE_SCALE.min);
+    expect(result.current.step).toBe(DEFAULT_IMAGE_SCALE.step);
+    expect(result.current.defaultScale).toBe(DEFAULT_IMAGE_SCALE.defaultScale);
+  });
+
+  test('部分配置：仅覆盖指定字段', () => {
+    const { result } = renderHook(() => useImageScale({ max: 5 }));
+    expect(result.current.max).toBe(5);
+    expect(result.current.min).toBe(DEFAULT_IMAGE_SCALE.min);
+    expect(result.current.step).toBe(DEFAULT_IMAGE_SCALE.step);
+    expect(result.current.defaultScale).toBe(DEFAULT_IMAGE_SCALE.defaultScale);
   });
 
-  it('merges partial config with defaults', () => {
-    const result = useImageScale({ max: 5 });
-    expect(result).toEqual({ ...DEFAULT_IMAGE_SCALE, max: 5 });
+  test('defaultScale 大于 max 时截断为 max', () => {
+    const { result } = renderHook(() => useImageScale({ max: 3, defaultScale: 5 }));
+    expect(result.current.defaultScale).toBe(3);
   });
 
-  it('clamps defaultScale to max', () => {
-    const result = useImageScale({ max: 3, defaultScale: 5 });
-    expect(result.defaultScale).toBe(3);
+  test('defaultScale 小于 min 时截断为 min', () => {
+    const { result } = renderHook(() => useImageScale({ min: 2, defaultScale: 1 }));
+    expect(result.current.defaultScale).toBe(2);
   });
 
-  it('clamps defaultScale to min', () => {
-    const result = useImageScale({ min: 2, defaultScale: 1 });
-    expect(result.defaultScale).toBe(2);
+  test('defaultScale 在范围内不被截断', () => {
+    const { result } = renderHook(() => useImageScale({ max: 5, min: 0.1, step: 0.5, defaultScale: 2 }));
+    expect(result.current.defaultScale).toBe(2);
   });
 
-  it('custom imageScale config fully overrides', () => {
-    const config = { max: 5, min: 0.1, step: 0.5, defaultScale: 2 };
-    const result = useImageScale(config);
-    expect(result).toEqual(config);
+  test('未传 defaultScale：使用默认值', () => {
+    const { result } = renderHook(() => useImageScale({ max: 3, min: 0.5, step: 0.1 }));
+    expect(result.current.defaultScale).toBe(DEFAULT_IMAGE_SCALE.defaultScale);
   });
 
-  it('defaultScale undefined uses DEFAULT_IMAGE_SCALE.defaultScale', () => {
-    const result = useImageScale({ max: 3, min: 0.5, step: 0.1 });
-    expect(result.defaultScale).toBe(DEFAULT_IMAGE_SCALE.defaultScale);
+  test('defaultScale 恰好等于 max 不截断', () => {
+    const { result } = renderHook(() => useImageScale({ max: 2, defaultScale: 2 }));
+    expect(result.current.defaultScale).toBe(2);
+  });
+
+  test('defaultScale 恰好等于 min 不截断', () => {
+    const { result } = renderHook(() => useImageScale({ min: 0.5, defaultScale: 0.5 }));
+    expect(result.current.defaultScale).toBe(0.5);
   });
 });
 
 // ─── useScale ────────────────────────────────────────────────────────────
-describe('useScale', () => {
+describe('useScale 缩放', () => {
   beforeEach(() => {
     vi.useFakeTimers();
   });
@@ -220,27 +220,27 @@ describe('useScale', () => {
     vi.useRealTimers();
   });
 
-  it('default scale value is 1', () => {
+  test('默认缩放值为 1', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     expect(result.current.scale).toBe(1);
   });
 
-  it('custom defaultScale', () => {
+  test('自定义 defaultScale', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1.5 }, true));
     expect(result.current.scale).toBe(1.5);
   });
 
-  it('defaultScale clamped to max', () => {
+  test('defaultScale 超过 max 被截断', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 5 }, true));
     expect(result.current.scale).toBe(2);
   });
 
-  it('defaultScale clamped to min', () => {
+  test('defaultScale 低于 min 被截断', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 1.5, step: 0.2, defaultScale: 0.5 }, true));
     expect(result.current.scale).toBe(1.5);
   });
 
-  it('onZoomIn increases scale', () => {
+  test('onZoomIn 放大', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
@@ -249,7 +249,7 @@ describe('useScale', () => {
     expect(result.current.scale).toBeCloseTo(1.2);
   });
 
-  it('onZoomOut decreases scale', () => {
+  test('onZoomOut 缩小', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
@@ -258,7 +258,7 @@ describe('useScale', () => {
     expect(result.current.scale).toBeCloseTo(0.8);
   });
 
-  it('max scale boundary', () => {
+  test('放大不超过最大值', () => {
     const { result } = renderHook(() => useScale({ max: 1.5, min: 0.5, step: 0.5, defaultScale: 1 }, true));
 
     act(() => {
@@ -271,10 +271,10 @@ describe('useScale', () => {
       result.current.onZoomIn();
       vi.advanceTimersByTime(100);
     });
-    expect(result.current.scale).toBe(1.5); // 不超过 max
+    expect(result.current.scale).toBe(1.5);
   });
 
-  it('min scale boundary', () => {
+  test('缩小不低于最小值', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.3, defaultScale: 0.6 }, true));
 
     act(() => {
@@ -284,7 +284,7 @@ describe('useScale', () => {
     expect(result.current.scale).toBe(0.5);
   });
 
-  it('onResetScale restores defaultScale', () => {
+  test('onResetScale 恢复默认缩放值', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
@@ -299,7 +299,7 @@ describe('useScale', () => {
     expect(result.current.scale).toBe(1);
   });
 
-  it('small step values', () => {
+  test('小步长缩放', () => {
     const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.05, defaultScale: 1 }, true));
 
     act(() => {
@@ -309,7 +309,7 @@ describe('useScale', () => {
     expect(result.current.scale).toBeCloseTo(1.05);
   });
 
-  it('large scale values', () => {
+  test('大范围缩放值', () => {
     const { result } = renderHook(() => useScale({ max: 10, min: 0.1, step: 1, defaultScale: 5 }, true));
     expect(result.current.scale).toBe(5);
 
@@ -327,8 +327,8 @@ describe('useScale', () => {
   });
 
   // ─── ZoomOptions（中心缩放）──────────────────────────────────────────
-  describe('ZoomOptions (center zoom)', () => {
-    it('onZoomIn with center zoom (mouseOffset = 0)', () => {
+  describe('ZoomOptions 中心缩放', () => {
+    test('onZoomIn 中心缩放（偏移为 0）', () => {
       const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
@@ -341,13 +341,10 @@ describe('useScale', () => {
       });
 
       expect(result.current.scale).toBeCloseTo(1.2);
-      // scaleRatio = 1.2/1 = 1.2
-      // newTx = 1.2 * 100 + (1 - 1.2) * 0 = 120
-      // newTy = 1.2 * 50  + (1 - 1.2) * 0 = 60
       expect(zoomResult.newTranslate).toEqual({ translateX: 120, translateY: 60 });
     });
 
-    it('onZoomIn with non-zero mouse offset', () => {
+    test('onZoomIn 非中心偏移缩放', () => {
       const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
@@ -360,13 +357,11 @@ describe('useScale', () => {
       });
 
       expect(result.current.scale).toBeCloseTo(1.2);
-      // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
-      // newTy = 1.2 * 0 + (1 - 1.2) * 50  = -10
       expect(zoomResult.newTranslate.translateX).toBeCloseTo(-20);
       expect(zoomResult.newTranslate.translateY).toBeCloseTo(-10);
     });
 
-    it('onZoomOut with ZoomOptions preserves translate during zoom out', () => {
+    test('onZoomOut 带位移时保持缩放位移', () => {
       const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
@@ -379,18 +374,14 @@ describe('useScale', () => {
       });
 
       expect(result.current.scale).toBeCloseTo(0.8);
-      // scaleRatio = 0.8/1 = 0.8
-      // newTx = 0.8 * 50 + (1 - 0.8) * 100 = 40 + 20 = 60
-      // newTy = 0.8 * 50 + (1 - 0.8) * 100 = 40 + 20 = 60
       expect(zoomResult.newTranslate).toEqual({ translateX: 60, translateY: 60 });
     });
 
-    it('missing mouseOffset returns empty result', () => {
+    test('缺少 mouseOffset 返回空结果', () => {
       const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
-        // 缺少 mouseOffsetX
         zoomResult = result.current.onZoomIn({
           mouseOffsetY: 50,
           currentTranslate: { translateX: 0, translateY: 0 },
@@ -399,17 +390,15 @@ describe('useScale', () => {
       expect(zoomResult.newTranslate).toBeUndefined();
     });
 
-    it('at max boundary, zoom in returns empty result', () => {
+    test('已达最大值时 ZoomIn 返回空结果', () => {
       const { result } = renderHook(() => useScale({ max: 1.2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
-      // 先放大到 max
       act(() => {
         result.current.onZoomIn();
         vi.advanceTimersByTime(100);
       });
       expect(result.current.scale).toBe(1.2);
 
-      // 再次放大已达边界
       let zoomResult;
       act(() => {
         zoomResult = result.current.onZoomIn({
@@ -418,18 +407,14 @@ describe('useScale', () => {
           currentTranslate: { translateX: 0, translateY: 0 },
         });
       });
-      // 已达边界，prevScale === newScale，返回空 {}
       expect(zoomResult).toEqual({});
     });
 
-    it('zoom with existing translate and non-zero offset', () => {
+    test('带已有位移和非零偏移的缩放', () => {
       const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       let zoomResult;
       act(() => {
-        // scale: 1 → 1.2, scaleRatio = 1.2
-        // newTx = 1.2 * 100 + (1 - 1.2) * 200 = 120 - 40 = 80
-        // newTy = 1.2 * 50 + (1 - 1.2) * 100 = 60 - 20 = 40
         zoomResult = result.current.onZoomIn({
           mouseOffsetX: 200,
           mouseOffsetY: 100,
@@ -440,11 +425,61 @@ describe('useScale', () => {
       expect(zoomResult.newTranslate.translateX).toBeCloseTo(80);
       expect(zoomResult.newTranslate.translateY).toBeCloseTo(40);
     });
+
+    test('放大到最大 → 拖出视口 → 缩小向中心收敛', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.5, defaultScale: 1 }, true));
+
+      act(() => {
+        result.current.onZoomIn();
+        result.current.onZoomIn();
+      });
+      expect(result.current.scale).toBe(2);
+
+      let zoomResult: any;
+      act(() => {
+        zoomResult = result.current.onZoomOut({
+          mouseOffsetX: 0,
+          mouseOffsetY: 0,
+          currentTranslate: { translateX: 500, translateY: 400 },
+        });
+      });
+
+      expect(result.current.scale).toBe(1.5);
+      expect(zoomResult.newTranslate.translateX).toBeCloseTo(375);
+      expect(zoomResult.newTranslate.translateY).toBeCloseTo(300);
+    });
+
+    test('放大到最大 → 拖出视口 → 多次缩小持续向中心收敛', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.5, defaultScale: 1 }, true));
+
+      act(() => {
+        result.current.onZoomIn();
+        result.current.onZoomIn();
+      });
+      expect(result.current.scale).toBe(2);
+
+      let translate = { translateX: 600, translateY: 400 };
+      act(() => {
+        const r = result.current.onZoomOut({ mouseOffsetX: 0, mouseOffsetY: 0, currentTranslate: translate });
+        translate = r.newTranslate;
+      });
+      expect(result.current.scale).toBe(1.5);
+      expect(translate.translateX).toBeCloseTo(450);
+      expect(translate.translateY).toBeCloseTo(300);
+
+      act(() => {
+        const r = result.current.onZoomOut({ mouseOffsetX: 0, mouseOffsetY: 0, currentTranslate: translate });
+        translate = r.newTranslate;
+      });
+      expect(result.current.scale).toBe(1);
+      expect(translate.translateX).toBeCloseTo(300);
+      expect(translate.translateY).toBeCloseTo(200);
+    });
   });
 
-  // throttle 已移除，每次调用都直接生效
-  describe('throttle behavior', () => {
-    it('rapid onZoomIn calls all take effect', () => {
+  // 无节流，每次调用都直接生效
+  describe('快速连续缩放（无节流）', () => {
+    test('快速连续 onZoomIn 都生效', () => {
       const { result } = renderHook(() => useScale({ max: 5, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
       act(() => {
@@ -455,7 +490,7 @@ describe('useScale', () => {
       expect(result.current.scale).toBeCloseTo(1.6);
     });
 
-    it('rapid onZoomOut calls all take effect', () => {
+    test('快速连续 onZoomOut 都生效', () => {
       const { result } = renderHook(() => useScale({ max: 5, min: 0.1, step: 0.2, defaultScale: 1 }, true));
 
       act(() => {
@@ -466,28 +501,60 @@ describe('useScale', () => {
       expect(result.current.scale).toBeCloseTo(0.4);
     });
   });
+
+  describe('visible=false 时不注册事件监听', () => {
+    test('visible=false 时 wheel 事件不触发缩放', () => {
+      const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, false));
+
+      const wheelEvent = new WheelEvent('wheel', { deltaY: -120, bubbles: true, cancelable: true });
+      act(() => {
+        document.dispatchEvent(wheelEvent);
+      });
+
+      expect(result.current.scale).toBe(1);
+    });
+
+    test('visible=true 时 wheel 事件触发回调', () => {
+      const onWheel = vi.fn();
+      const { rerender } = renderHook(
+        ({ visible }) => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, visible, onWheel),
+        { initialProps: { visible: false } },
+      );
+
+      const wheelEvent = new WheelEvent('wheel', { deltaY: -120, bubbles: true, cancelable: true });
+      act(() => {
+        document.dispatchEvent(wheelEvent);
+      });
+      expect(onWheel).not.toHaveBeenCalled();
+
+      rerender({ visible: true });
+      act(() => {
+        document.dispatchEvent(wheelEvent);
+      });
+      expect(onWheel).toHaveBeenCalledTimes(1);
+    });
+  });
 });
 
 // ─── usePosition ─────────────────────────────────────────────────────────
-describe('usePosition', () => {
-  // 辅助：创建一个挂载了 usePosition 的测试组件，返回 ref 和 hook 结果
+describe('usePosition 拖拽位移', () => {
   const createHook = (initPosition?: [number, number]) => {
     const ref = { current: document.createElement('div') };
     return renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>, { initPosition }));
   };
 
-  it('initial position defaults to [0, 0]', () => {
+  test('默认位置为 [0, 0]', () => {
     const { result } = createHook();
     expect(result.current.position).toEqual([0, 0]);
     expect(result.current.isDragging).toBe(false);
   });
 
-  it('custom initPosition', () => {
+  test('自定义 initPosition', () => {
     const { result } = createHook([100, 200]);
     expect(result.current.position).toEqual([100, 200]);
   });
 
-  it('resetPosition restores to initPosition', () => {
+  test('resetPosition 恢复到 initPosition', () => {
     const { result } = createHook([50, 80]);
 
     act(() => {
@@ -501,7 +568,7 @@ describe('usePosition', () => {
     expect(result.current.position).toEqual([50, 80]);
   });
 
-  it('resetPosition with default [0,0]', () => {
+  test('默认 [0,0] 的 resetPosition', () => {
     const { result } = createHook();
 
     act(() => {
@@ -513,7 +580,7 @@ describe('usePosition', () => {
     expect(result.current.position).toEqual([0, 0]);
   });
 
-  it('setPosition works directly', () => {
+  test('setPosition 直接设置位置', () => {
     const { result } = createHook();
 
     act(() => {
@@ -522,7 +589,7 @@ describe('usePosition', () => {
     expect(result.current.position).toEqual([42, 99]);
   });
 
-  it('mousedown sets isDragging to true', () => {
+  test('mousedown 设置 isDragging 为 true', () => {
     const divEl = document.createElement('div');
     document.body.appendChild(divEl);
     const ref = { current: divEl };
@@ -535,7 +602,7 @@ describe('usePosition', () => {
     document.body.removeChild(divEl);
   });
 
-  it('mouseup resets isDragging to false', () => {
+  test('mouseup 重置 isDragging 为 false', () => {
     const divEl = document.createElement('div');
     document.body.appendChild(divEl);
     const ref = { current: divEl };
@@ -553,7 +620,7 @@ describe('usePosition', () => {
     document.body.removeChild(divEl);
   });
 
-  it('drag moves position by delta', () => {
+  test('拖拽移动位置', () => {
     const divEl = document.createElement('div');
     document.body.appendChild(divEl);
     const ref = { current: divEl };
@@ -566,60 +633,77 @@ describe('usePosition', () => {
       document.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, screenX: 150, screenY: 130 }));
     });
 
-    expect(result.current.position[0]).toBe(50); // 150 - 100
-    expect(result.current.position[1]).toBe(30); // 130 - 100
+    expect(result.current.position[0]).toBe(50);
+    expect(result.current.position[1]).toBe(30);
     document.body.removeChild(divEl);
   });
 
-  it('snapshot: default state', () => {
-    const { result } = createHook();
-    expect(result.current).toMatchSnapshot('usePosition-default-state');
-  });
-});
+  test('连续拖拽累积位移', () => {
+    const divEl = document.createElement('div');
+    document.body.appendChild(divEl);
+    const ref = { current: divEl };
+    const { result } = renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>));
 
-// ─── useViewerScale ───────────────────────────────────────────────────────
-describe('useViewerScale', () => {
-  it('returns defaults when no config provided', () => {
-    const result = useViewerScale(undefined);
-    expect(result).toEqual({ minWidth: 1000, minHeight: 1000 });
-  });
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 0, screenY: 0, button: 0 }));
+    });
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, screenX: 100, screenY: 50 }));
+    });
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
+    });
+    expect(result.current.position).toEqual([100, 50]);
 
-  it('returns defaults when empty object provided', () => {
-    const result = useViewerScale({});
-    expect(result).toEqual({ minWidth: 1000, minHeight: 1000 });
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 200, screenY: 200, button: 0 }));
+    });
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, screenX: 250, screenY: 230 }));
+    });
+    act(() => {
+      document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
+    });
+    expect(result.current.position).toEqual([150, 80]);
+    document.body.removeChild(divEl);
   });
+});
 
-  it('overrides minWidth only', () => {
-    const result = useViewerScale({ minWidth: 800 });
-    expect(result).toEqual({ minWidth: 800, minHeight: 1000 });
+// ─── useViewerScale ───────────────────────────────────────────────────────
+describe('useViewerScale 弹窗尺寸', () => {
+  test('无配置返回默认值', () => {
+    const { result } = renderHook(() => useViewerScale(undefined));
+    expect(result.current).toEqual({ minWidth: 1000, minHeight: 1000 });
   });
 
-  it('overrides minHeight only', () => {
-    const result = useViewerScale({ minHeight: 600 });
-    expect(result).toEqual({ minWidth: 1000, minHeight: 600 });
+  test('空对象返回默认值', () => {
+    const { result } = renderHook(() => useViewerScale({}));
+    expect(result.current).toEqual({ minWidth: 1000, minHeight: 1000 });
   });
 
-  it('overrides both minWidth and minHeight', () => {
-    const result = useViewerScale({ minWidth: 500, minHeight: 400 });
-    expect(result).toEqual({ minWidth: 500, minHeight: 400 });
+  test('仅覆盖 minWidth', () => {
+    const { result } = renderHook(() => useViewerScale({ minWidth: 800 }));
+    expect(result.current).toEqual({ minWidth: 800, minHeight: 1000 });
   });
 
-  it('zero values are accepted', () => {
-    const result = useViewerScale({ minWidth: 0, minHeight: 0 });
-    expect(result).toEqual({ minWidth: 0, minHeight: 0 });
+  test('仅覆盖 minHeight', () => {
+    const { result } = renderHook(() => useViewerScale({ minHeight: 600 }));
+    expect(result.current).toEqual({ minWidth: 1000, minHeight: 600 });
   });
 
-  it('snapshot: default config', () => {
-    expect(useViewerScale(undefined)).toMatchSnapshot('useViewerScale-default');
+  test('同时覆盖 minWidth 和 minHeight', () => {
+    const { result } = renderHook(() => useViewerScale({ minWidth: 500, minHeight: 400 }));
+    expect(result.current).toEqual({ minWidth: 500, minHeight: 400 });
   });
 
-  it('snapshot: custom config', () => {
-    expect(useViewerScale({ minWidth: 600, minHeight: 480 })).toMatchSnapshot('useViewerScale-custom');
+  test('零值可接受', () => {
+    const { result } = renderHook(() => useViewerScale({ minWidth: 0, minHeight: 0 }));
+    expect(result.current).toEqual({ minWidth: 0, minHeight: 0 });
   });
 });
 
 // ─── useScale: 双指缩放 ────────────────────────────────────────────────────
-describe('useScale: touch events', () => {
+describe('useScale 触摸事件', () => {
   beforeEach(() => {
     vi.useFakeTimers();
   });
@@ -633,93 +717,190 @@ describe('useScale: touch events', () => {
     return new TouchEvent(type, { touches: [t1, t2], cancelable: true });
   };
 
-  it('onTouchStart with 2 fingers records initial distance', () => {
+  test('双指触摸记录初始距离', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
-    const touchStart = createTouchEvent(0, 0, 100, 0, 'touchstart');
     act(() => {
-      result.current.onTouchStart(touchStart);
+      document.dispatchEvent(createTouchEvent(0, 0, 100, 0, 'touchstart'));
     });
-    // 初始 distance = 100，不触发缩放，scale 不变
     expect(result.current.scale).toBe(1);
   });
 
-  it('onTouchStart with 1 finger does nothing', () => {
+  test('单指触摸不触发缩放', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     const touchStart = new TouchEvent('touchstart', {
       touches: [{ pageX: 0, pageY: 0 } as Touch],
       cancelable: true,
     });
     act(() => {
-      result.current.onTouchStart(touchStart);
+      document.dispatchEvent(touchStart);
     });
     expect(result.current.scale).toBe(1);
   });
 
-  it('onTouchMove pinch out (spread fingers) zooms in', () => {
+  test('双指外扩（pinch out）放大', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
-    // 初始距离 100
     act(() => {
-      result.current.onTouchStart(createTouchEvent(0, 0, 100, 0, 'touchstart'));
+      document.dispatchEvent(createTouchEvent(0, 0, 100, 0, 'touchstart'));
     });
 
-    // 手指扩大到 200（spread）→ zoom in
     act(() => {
-      result.current.onTouchMove(createTouchEvent(0, 0, 200, 0, 'touchmove'));
+      document.dispatchEvent(createTouchEvent(0, 0, 200, 0, 'touchmove'));
     });
 
     expect(result.current.scale).toBeCloseTo(1.2);
   });
 
-  it('onTouchMove pinch in (shrink fingers) zooms out', () => {
+  test('双指内收（pinch in）缩小', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
-    // 初始距离 200
     act(() => {
-      result.current.onTouchStart(createTouchEvent(0, 0, 200, 0, 'touchstart'));
+      document.dispatchEvent(createTouchEvent(0, 0, 200, 0, 'touchstart'));
     });
 
-    // 手指缩小到 100（pinch）→ zoom out
     act(() => {
-      result.current.onTouchMove(createTouchEvent(0, 0, 100, 0, 'touchmove'));
+      document.dispatchEvent(createTouchEvent(0, 0, 100, 0, 'touchmove'));
     });
 
     expect(result.current.scale).toBeCloseTo(0.8);
   });
 
-  it('onTouchMove with 1 finger does nothing', () => {
+  test('单指移动不触发缩放', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
     const touchMove = new TouchEvent('touchmove', {
       touches: [{ pageX: 100, pageY: 0 } as Touch],
       cancelable: true,
     });
     act(() => {
-      result.current.onTouchMove(touchMove);
+      document.dispatchEvent(touchMove);
     });
     expect(result.current.scale).toBe(1);
   });
 
-  it('onTouchEnd resets distance to 0', () => {
+  test('touchEnd 重置距离后，新 touchMove 重新计算缩放', () => {
     const { result } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.2, defaultScale: 1 }, true));
 
     act(() => {
-      result.current.onTouchStart(createTouchEvent(0, 0, 100, 0, 'touchstart'));
+      document.dispatchEvent(createTouchEvent(0, 0, 100, 0, 'touchstart'));
     });
     act(() => {
-      result.current.onTouchEnd();
+      document.dispatchEvent(new TouchEvent('touchend', { cancelable: true }));
     });
-    // 再次 touchmove 时没有有效 distance，依然可以缩放
     act(() => {
-      result.current.onTouchMove(createTouchEvent(0, 0, 200, 0, 'touchmove'));
+      document.dispatchEvent(createTouchEvent(0, 0, 200, 0, 'touchmove'));
     });
-    // distance.current was 0 before this move; 200 > 0 → zoomIn
     expect(result.current.scale).toBeCloseTo(1.2);
   });
 });
 
+// ─── useIndex ────────────────────────────────────────────────────────────
+describe('useIndex 图片切换下标', () => {
+  const createImages = (count: number) => Array.from({ length: count }, (_, i) => `img-${i}.jpg`);
+
+  test('默认 index 为 0', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0 }, createImages(3)));
+    expect(result.current.index).toBe(0);
+  });
+
+  test('defaultIndex 设置初始下标', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 2 }, createImages(5)));
+    expect(result.current.index).toBe(2);
+  });
+
+  test('next 递增 index', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0 }, createImages(5)));
+    act(() => result.current.next());
+    expect(result.current.index).toBe(1);
+    act(() => result.current.next());
+    expect(result.current.index).toBe(2);
+  });
+
+  test('prev 递减 index', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 2 }, createImages(5)));
+    act(() => result.current.prev());
+    expect(result.current.index).toBe(1);
+    act(() => result.current.prev());
+    expect(result.current.index).toBe(0);
+  });
+
+  test('next 到最后一张不再递增', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 2 }, createImages(3)));
+    act(() => result.current.next());
+    expect(result.current.index).toBe(2);
+  });
+
+  test('prev 到第一张不再递减', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0 }, createImages(3)));
+    act(() => result.current.prev());
+    expect(result.current.index).toBe(0);
+  });
+
+  test('prev 在 index=0 时不触发 onIndexChange', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0, onIndexChange }, createImages(3)));
+    act(() => result.current.prev());
+    expect(result.current.index).toBe(0);
+    expect(onIndexChange).not.toHaveBeenCalled();
+  });
+
+  test('next 在最后一帧时不触发 onIndexChange', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 2, onIndexChange }, createImages(3)));
+    act(() => result.current.next());
+    expect(result.current.index).toBe(2);
+    expect(onIndexChange).not.toHaveBeenCalled();
+  });
+
+  test('setIndex 直接设置下标', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0, onIndexChange }, createImages(5)));
+    act(() => result.current.setIndex(3, { trigger: 'current' }));
+    expect(result.current.index).toBe(3);
+  });
+
+  test('onIndexChange 回调在 next 时携带 trigger: next', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0, onIndexChange }, createImages(3)));
+    act(() => result.current.next());
+    expect(onIndexChange).toHaveBeenCalledWith(1, { trigger: 'next' });
+  });
+
+  test('onIndexChange 回调在 prev 时携带 trigger: prev', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 2, onIndexChange }, createImages(3)));
+    act(() => result.current.prev());
+    expect(onIndexChange).toHaveBeenCalledWith(1, { trigger: 'prev' });
+  });
+
+  test('onIndexChange 回调在 setIndex 时携带 trigger: current', () => {
+    const onIndexChange = vi.fn();
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0, onIndexChange }, createImages(5)));
+    act(() => result.current.setIndex(3, { trigger: 'current' }));
+    expect(onIndexChange).toHaveBeenCalledWith(3, { trigger: 'current' });
+  });
+
+  test('受控 index 模式', () => {
+    const { result, rerender } = renderHook(
+      ({ index }) => useIndex({ index, onIndexChange: vi.fn() }, createImages(5)),
+      { initialProps: { index: 0 } },
+    );
+    expect(result.current.index).toBe(0);
+    rerender({ index: 3 });
+    expect(result.current.index).toBe(3);
+  });
+
+  test('单图列表：next/prev 不越界', () => {
+    const { result } = renderHook(() => useIndex({ defaultIndex: 0 }, createImages(1)));
+    act(() => result.current.next());
+    expect(result.current.index).toBe(0);
+    act(() => result.current.prev());
+    expect(result.current.index).toBe(0);
+  });
+});
+
 // ─── Hooks 组合 ──────────────────────────────────────────────────────────
-describe('hooks combination', () => {
-  it('all hooks work together for image transformations', () => {
+describe('Hooks 组合使用', () => {
+  test('所有 hooks 协同完成图片变换', () => {
     vi.useFakeTimers();
 
     const { result: mirrorResult } = renderHook(() => useMirror());
@@ -737,7 +918,6 @@ describe('hooks combination', () => {
     expect(rotateResult.current.rotateZ).toBe(-180);
     expect(scaleResult.current.scale).toBeCloseTo(1.2);
 
-    // 重置全部
     act(() => {
       mirrorResult.current.onResetMirror();
       rotateResult.current.onResetRotate();
@@ -751,7 +931,7 @@ describe('hooks combination', () => {
     vi.useRealTimers();
   });
 
-  it('rapid operations across all hooks', () => {
+  test('跨 hooks 快速连续操作', () => {
     vi.useFakeTimers();
 
     const { result: scaleResult } = renderHook(() => useScale({ max: 3, min: 0.5, step: 0.1, defaultScale: 1 }, true));
@@ -774,3 +954,75 @@ describe('hooks combination', () => {
     vi.useRealTimers();
   });
 });
+
+// ─── usePosition 右键和非左键不触发拖拽 ──────────────────────────────────
+describe('usePosition 右键和非左键', () => {
+  test('右键不触发拖拽', () => {
+    const divEl = document.createElement('div');
+    document.body.appendChild(divEl);
+    const ref = { current: divEl };
+    const { result } = renderHook(() => usePosition(ref as React.RefObject<HTMLDivElement>));
+
+    act(() => {
+      divEl.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, screenX: 10, screenY: 20, button: 2 }));
+    });
+    expect(result.current.isDragging).toBe(false);
+    document.body.removeChild(divEl);
+  });
+});
+
+// ─── useScale 已达极限值时返回空 ──────────────────────────────────────────
+describe('useScale 极限值', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  test('已达最小值时 onZoomOut 返回空', () => {
+    const { result } = renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 0.5 }, true));
+    const ret = result.current.onZoomOut();
+    expect(ret).toEqual({});
+    expect(result.current.scale).toBe(0.5);
+  });
+
+  test('已达最大值时 onZoomIn 不带 options 返回空', () => {
+    const { result } = renderHook(() => useScale({ max: 1.2, min: 0.5, step: 0.2, defaultScale: 1.2 }, true));
+    const ret = result.current.onZoomIn();
+    expect(ret).toEqual({});
+    expect(result.current.scale).toBe(1.2);
+  });
+});
+
+// ─── useScale onWheel 回调 ─────────────────────────────────────────────
+describe('useScale onWheel 回调', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  test('visible=true 时 wheel 事件调用 onWheel 回调', () => {
+    const onWheel = vi.fn();
+    renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, true, onWheel));
+
+    const wheelEvent = new WheelEvent('wheel', { deltaY: -120, bubbles: true, cancelable: true });
+    act(() => {
+      document.dispatchEvent(wheelEvent);
+    });
+    expect(onWheel).toHaveBeenCalledTimes(1);
+  });
+
+  test('visible=false 时 wheel 事件不调用 onWheel', () => {
+    const onWheel = vi.fn();
+    renderHook(() => useScale({ max: 2, min: 0.5, step: 0.2, defaultScale: 1 }, false, onWheel));
+
+    const wheelEvent = new WheelEvent('wheel', { deltaY: -120, bubbles: true, cancelable: true });
+    act(() => {
+      document.dispatchEvent(wheelEvent);
+    });
+    expect(onWheel).not.toHaveBeenCalled();
+  });
+});
diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.tsx b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
index 0b25bdea47..3752a9476a 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.tsx
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -7,12 +7,11 @@ import { ImageViewer } from '../index';
 const imgUrl = 'https://tdesign.gtimg.com/demo/demo-image-1.png';
 const imgUrl2 = 'https://tdesign.gtimg.com/demo/demo-image-2.png';
 const imgUrl3 = 'https://tdesign.gtimg.com/demo/demo-image-3.png';
-// const errorImgUrl = 'https://tdesixxxxxxxxgn.gtimg.com/demo/demo-image-1.png';
 
-describe('ImageViewer', () => {
+describe('ImageViewer 组件测试', () => {
   const triggerText = '预览单张图片';
 
-  test('base', async () => {
+  test('基本渲染和关闭', async () => {
     const onClose = vi.fn();
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
@@ -20,31 +19,26 @@ describe('ImageViewer', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 点击前，没有元素存在
     const imgContainer = document.querySelector('.t-image-viewer-preview-image');
     expect(imgContainer).toBeNull();
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 鼠标点击后，有元素
     expect(onClose).toHaveBeenCalledTimes(0);
     const imgModal = document.querySelector('.t-image-viewer__modal-pic');
     expect(imgModal).toBeTruthy();
 
-    // 模拟鼠标点击关闭
     const closeBtn = document.querySelector('.t-image-viewer__modal-close-bt');
     act(() => {
       fireEvent.click(closeBtn);
     });
-    // 点击后，没有元素存在
     expect(onClose).toHaveBeenCalledTimes(1);
     await mockTimeout(() => expect(document.querySelector('.t-image-viewer-preview-image')).toBeNull());
   });
 
-  test('base:trigger is not Fn', async () => {
+  test('trigger 为非函数', async () => {
     const BasicImageViewer = () => {
       const trigger = <span>{triggerText}</span>;
       return <ImageViewer trigger={trigger} />;
@@ -53,55 +47,49 @@ describe('ImageViewer', () => {
     expect(getByText(triggerText)).toBeTruthy();
   });
 
-  test('base:attach is default=body', async () => {
+  test('attach 默认为 body', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return <ImageViewer trigger={trigger} images={[imgUrl]} />;
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 点击前，没有元素存在
     const imgContainer = document.body.querySelector('.t-image-viewer-preview-image');
     expect(imgContainer).toBeNull();
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 鼠标点击后，有元素
     const imgModal = document.body.querySelector('.t-image-viewer__modal-pic');
     expect(imgModal).toBeTruthy();
   });
 
-  test('base:attach is function', async () => {
+  test('attach 为函数', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return <ImageViewer trigger={trigger} images={[imgUrl]} attach={() => document.body} />;
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 点击前，没有元素存在
     const imgContainer = document.body.querySelector('.t-image-viewer-preview-image');
     expect(imgContainer).toBeNull();
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
     act(() => {
-      // 鼠标点击后，有元素
       const imgModal = document.body.querySelector('.t-image-viewer__modal-pic');
       expect(imgModal).toBeTruthy();
     });
   });
 });
 
-describe('ImageViewerMini', () => {
+describe('ImageViewerMini 组件测试', () => {
   const triggerText = '预览单张图片';
 
-  test('modeless', async () => {
+  test('modeless 模式', async () => {
     const onClose = vi.fn();
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
@@ -109,16 +97,13 @@ describe('ImageViewerMini', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 鼠标点击后，有 mini 元素
     const miniFooter = await waitFor(() => document.querySelector('.t-image-viewer-mini__footer'));
     expect(miniFooter).toBeTruthy();
 
-    // 模拟鼠标点击关闭
     const closeBtn = await waitFor(() => document.querySelector('.t-icon-close'));
     act(() => {
       fireEvent.click(closeBtn);
@@ -127,9 +112,10 @@ describe('ImageViewerMini', () => {
   });
 });
 
-describe('ImageViewerModal', () => {
+describe('ImageViewerModal 组件测试', () => {
   const triggerText = '预览单张图片';
-  test('base', async () => {
+
+  test('键盘操作和遮罩关闭', async () => {
     const user = userEvent.setup();
     const onClose = vi.fn();
     const onIndexChange = vi.fn();
@@ -147,23 +133,19 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 打开弹窗
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 键盘切图
     await user.type(document.body, '{ArrowRight}');
     expect(onIndexChange).toHaveBeenCalledTimes(1);
 
     await user.type(document.body, '{ArrowLeft}');
     expect(onIndexChange).toHaveBeenCalledTimes(2);
 
-    // ESC 关闭
     await user.type(document.body, '{Escape}');
     expect(onClose).toHaveBeenCalledTimes(1);
 
-    // 重新打开，点遮罩关闭
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -174,7 +156,7 @@ describe('ImageViewerModal', () => {
     expect(onClose).toHaveBeenCalledTimes(2);
   });
 
-  test('keyboard events are disabled after modal closes', async () => {
+  test('弹窗关闭后键盘事件失效', async () => {
     const user = userEvent.setup();
     const onIndexChange = vi.fn();
     const BasicImageViewer = () => {
@@ -183,23 +165,20 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 打开弹窗，按方向键切图
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
     await user.type(document.body, '{ArrowRight}');
     expect(onIndexChange).toHaveBeenCalledTimes(1);
 
-    // ESC 关闭弹窗
     await user.type(document.body, '{Escape}');
 
-    // 关闭后键盘操作不应再触发 onIndexChange
     await user.type(document.body, '{ArrowRight}');
     await user.type(document.body, '{ArrowLeft}');
     expect(onIndexChange).toHaveBeenCalledTimes(1);
   });
 
-  test('single', async () => {
+  test('单图操作（缩放/旋转/重置）', async () => {
     const user = userEvent.setup();
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
@@ -207,7 +186,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -222,35 +200,32 @@ describe('ImageViewerModal', () => {
     expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1)');
 
     const rotateIcon = await waitFor(() => document.querySelector('.t-icon-rotation'));
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(rotateIcon);
     });
     expect(getComputedStyle(img).transform).toBe('rotateZ(-90deg) scale(1)');
 
     const resetIcon = await waitFor(() => document.querySelector('.t-icon-image'));
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(resetIcon);
     });
     expect(getComputedStyle(img).transform).toBe('rotateZ(0deg) scale(1)');
   });
 
-  test('closeBtn', async () => {
+  test('自定义关闭按钮', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return <ImageViewer trigger={trigger} images={[imgUrl]} closeBtn={<span>closeBtn</span>} />;
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
     expect(getByText('closeBtn')).toBeTruthy();
   });
 
-  test('closeOnEscKeydown is false', async () => {
+  test('closeOnEscKeydown 为 false', async () => {
     const user = userEvent.setup();
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
@@ -258,19 +233,17 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
     expect(document.querySelector('.t-image-viewer-preview-image')).toBeInTheDocument();
 
-    // 模拟键盘事件
     await user.type(document.body, '{Escape}');
     await mockDelay(300);
     expect(document.querySelector('.t-image-viewer-preview-image')).toBeInTheDocument();
   });
 
-  test('imageScale defaultScale', async () => {
+  test('imageScale defaultScale 正常范围', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return (
@@ -288,7 +261,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -301,7 +273,7 @@ describe('ImageViewerModal', () => {
     });
   });
 
-  test('imageScale defaultScale is larger than max', async () => {
+  test('imageScale defaultScale 超过 max 被截断', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return (
@@ -319,7 +291,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -332,7 +303,7 @@ describe('ImageViewerModal', () => {
     });
   });
 
-  test('imageScale defaultScale is smaller than min', async () => {
+  test('imageScale defaultScale 低于 min 被截断', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return (
@@ -350,7 +321,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -363,7 +333,7 @@ describe('ImageViewerModal', () => {
     });
   });
 
-  test('imageScale max is unexpectedly smaller than min', async () => {
+  test('imageScale max 意外小于 min 时使用 min', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return (
@@ -381,7 +351,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -394,7 +363,7 @@ describe('ImageViewerModal', () => {
     });
   });
 
-  test('imageReferrerpolicy', async () => {
+  test('imageReferrerpolicy 属性', async () => {
     const referrerPolicy = 'strict-origin-when-cross-origin';
 
     const BasicImageViewer = () => {
@@ -403,7 +372,6 @@ describe('ImageViewerModal', () => {
     };
     const { getByText } = render(<BasicImageViewer />);
 
-    // 模拟鼠标点击
     act(() => {
       fireEvent.click(getByText(triggerText));
     });
@@ -415,7 +383,7 @@ describe('ImageViewerModal', () => {
 });
 
 // ─── 快照测试 ─────────────────────────────────────────────────────────────────
-describe('ImageViewer snapshots', () => {
+describe('ImageViewer 快照测试', () => {
   const triggerText = '预览单张图片';
 
   test('单张图片默认状态', async () => {
@@ -549,7 +517,7 @@ describe('ImageViewer snapshots', () => {
     expect(document.body).toMatchSnapshot('image-viewer-modeless');
   });
 
-  test('modeless 模式 - 第二张图片', async () => {
+  test('modeless 模式切换图片', async () => {
     const BasicImageViewer = () => {
       const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
       return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} mode="modeless" />;
@@ -560,7 +528,6 @@ describe('ImageViewer snapshots', () => {
       fireEvent.click(getByText(triggerText));
     });
 
-    // 切换到第二张
     const user = userEvent.setup();
     await user.type(document.body, '{ArrowRight}');
     await mockDelay();
@@ -601,26 +568,332 @@ describe('ImageViewer snapshots', () => {
     await mockDelay();
     expect(customContainer).toMatchSnapshot('image-viewer-attach-custom-container');
 
-    // 清理
     document.body.removeChild(customContainer);
   });
 
-  test('DefaultTrigger 默认触发器渲染快照', async () => {
-    // 不传 trigger，使用默认触发器
+  test('DefaultTrigger 默认触发器', async () => {
     const { container } = render(<ImageViewer images={[imgUrl]} />);
     await mockDelay();
     expect(container).toMatchSnapshot('image-viewer-default-trigger');
   });
 
-  test('DefaultTrigger 多张图片默认触发器渲染快照', async () => {
+  test('DefaultTrigger 多张图片默认触发器', async () => {
     const { container } = render(<ImageViewer images={[imgUrl, imgUrl2, imgUrl3]} />);
     await mockDelay();
     expect(container).toMatchSnapshot('image-viewer-default-trigger-multi');
   });
 });
 
-// ─── 工具栏事件快照测试 ────────────────────────────────────────────────────────
-describe('ImageViewer toolbar event snapshots', () => {
+describe('ImageViewerModal 滚轮向中心缩放', () => {
+  const fireWheelEvent = (deltaY: number) => {
+    act(() => {
+      document.dispatchEvent(new WheelEvent('wheel', { deltaY, bubbles: true, cancelable: true }));
+    });
+  };
+
+  const parseTranslate = (style: string) => {
+    const match = style.match(/translate\(([-\d.]+)px,\s*([-\d.]+)px\)/);
+    return match ? { x: parseFloat(match[1]), y: parseFloat(match[2]) } : { x: 0, y: 0 };
+  };
+
+  test('图片超出视口时缩小触发向中心路径', async () => {
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    const triggerText = '预览图片';
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} imageScale={{ max: 2, min: 0.5, step: 0.5 }} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await mockDelay();
+
+    const modalBox = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    expect(modalBox).toBeTruthy();
+
+    fireWheelEvent(-120);
+    fireWheelEvent(-120);
+    await mockDelay();
+
+    const scaleText = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleText).toBe('200%');
+
+    exceedsSpy.mockReturnValue(true);
+    exceedsSpy.mockClear();
+
+    fireWheelEvent(120);
+    await mockDelay();
+
+    expect(exceedsSpy).toHaveBeenCalled();
+
+    const scaleTextAfter = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleTextAfter).toBe('150%');
+
+    const translateAfter = parseTranslate(modalBox.style.transform);
+    expect(translateAfter).toEqual({ x: 0, y: 0 });
+
+    exceedsSpy.mockRestore();
+  });
+
+  test('图片在视口内时缩小走普通路径', async () => {
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    const triggerText = '预览图片2';
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} imageScale={{ max: 2, min: 0.5, step: 0.5 }} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await mockDelay();
+
+    const modalBox = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    const translateBefore = parseTranslate(modalBox.style.transform);
+
+    exceedsSpy.mockClear();
+
+    fireWheelEvent(120);
+    await mockDelay();
+
+    expect(exceedsSpy).toHaveBeenCalled();
+
+    const translateAfter = parseTranslate(modalBox.style.transform);
+    expect(translateAfter).toEqual(translateBefore);
+
+    exceedsSpy.mockRestore();
+  });
+
+  test('滚轮放大时走 onZoomIn 普通路径', async () => {
+    const triggerText = '放大路径测试';
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} imageScale={{ max: 2, min: 0.5, step: 0.5 }} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await mockDelay();
+
+    const scaleText = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleText).toBe('100%');
+
+    fireWheelEvent(-120);
+    await mockDelay();
+
+    const scaleTextAfter = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleTextAfter).toBe('150%');
+  });
+
+  test('滚轮事件调用 preventDefault', async () => {
+    const triggerText = 'preventDefault测试';
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} />;
+    };
+    const { getByText } = render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(getByText(triggerText));
+    });
+    await mockDelay();
+
+    const wheelEvent = new WheelEvent('wheel', { deltaY: -120, bubbles: true, cancelable: true });
+    const preventDefaultSpy = vi.spyOn(wheelEvent, 'preventDefault');
+
+    act(() => {
+      document.dispatchEvent(wheelEvent);
+    });
+
+    expect(preventDefaultSpy).toHaveBeenCalled();
+
+    preventDefaultSpy.mockRestore();
+  });
+});
+
+describe('ImageViewerModal 向中心缩放动画', () => {
+  const fireWheelEvent = (deltaY: number) => {
+    act(() => {
+      document.dispatchEvent(new WheelEvent('wheel', { deltaY, bubbles: true, cancelable: true }));
+    });
+  };
+
+  const TRANSITIONING_CLASS = 't-image-viewer__modal-box--transitioning';
+
+  test('向中心缩放时添加 transitioning class', async () => {
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    const triggerText = '动画测试1';
+    render(
+      <ImageViewer
+        trigger={({ open }) => <span onClick={() => open()}>{triggerText}</span>}
+        images={[imgUrl]}
+        imageScale={{ max: 2, min: 0.5, step: 0.5 }}
+      />,
+    );
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    fireWheelEvent(-120);
+    fireWheelEvent(-120);
+    await mockDelay();
+
+    exceedsSpy.mockReturnValue(true);
+
+    fireWheelEvent(120);
+
+    const box = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    exceedsSpy.mockRestore();
+  });
+
+  test('transitionend 后移除 transitioning class', async () => {
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    render(
+      <ImageViewer
+        trigger={({ open }) => <span onClick={() => open()}>动画测试2</span>}
+        images={[imgUrl]}
+        imageScale={{ max: 2, min: 0.5, step: 0.5 }}
+      />,
+    );
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    fireWheelEvent(-120);
+    fireWheelEvent(-120);
+    await mockDelay();
+
+    exceedsSpy.mockReturnValue(true);
+    fireWheelEvent(120);
+
+    const box = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    act(() => {
+      const e = new Event('transitionend', { bubbles: true });
+      Object.defineProperty(e, 'propertyName', { value: 'transform' });
+      box.dispatchEvent(e);
+    });
+
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(false);
+
+    exceedsSpy.mockRestore();
+  });
+
+  test('fallback timer（350ms）超时后自动移除 transitioning class', async () => {
+    vi.useFakeTimers();
+
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    render(
+      <ImageViewer
+        trigger={({ open }) => <span onClick={() => open()}>动画测试3</span>}
+        images={[imgUrl]}
+        imageScale={{ max: 2, min: 0.5, step: 0.5 }}
+      />,
+    );
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+
+    act(() => {
+      fireWheelEvent(-120);
+      fireWheelEvent(-120);
+    });
+
+    exceedsSpy.mockReturnValue(true);
+    act(() => {
+      fireWheelEvent(120);
+    });
+
+    const box = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    act(() => {
+      vi.advanceTimersByTime(400);
+    });
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(false);
+
+    vi.useRealTimers();
+    exceedsSpy.mockRestore();
+  });
+
+  test('连续快速缩放：fallback timer 重置', async () => {
+    vi.useFakeTimers();
+
+    const transformModule = await import('@tdesign/common-js/image-viewer/transform');
+    const exceedsSpy = vi.spyOn(transformModule, 'isImageExceedsViewport').mockReturnValue(false);
+
+    render(
+      <ImageViewer
+        trigger={({ open }) => <span onClick={() => open()}>动画测试4</span>}
+        images={[imgUrl]}
+        imageScale={{ max: 2, min: 0.5, step: 0.5 }}
+      />,
+    );
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+
+    act(() => {
+      fireWheelEvent(-120);
+      fireWheelEvent(-120);
+    });
+
+    exceedsSpy.mockReturnValue(true);
+
+    act(() => {
+      fireWheelEvent(120);
+    });
+    const box = document.querySelector('.t-image-viewer__modal-box') as HTMLElement;
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    act(() => {
+      vi.advanceTimersByTime(200);
+    });
+    act(() => {
+      fireWheelEvent(120);
+    });
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    act(() => {
+      vi.advanceTimersByTime(200);
+    });
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(true);
+
+    act(() => {
+      vi.advanceTimersByTime(200);
+    });
+    expect(box.classList.contains(TRANSITIONING_CLASS)).toBe(false);
+
+    vi.useRealTimers();
+    exceedsSpy.mockRestore();
+  });
+});
+
+describe('ImageViewer 工具栏操作快照', () => {
   const triggerText = '工具栏测试';
 
   const openViewer = async (images = [imgUrl]) => {
@@ -638,94 +911,617 @@ describe('ImageViewer toolbar event snapshots', () => {
 
   test('点击旋转按钮后快照', async () => {
     await openViewer();
-    const rotateBtn = document.querySelector('.t-image-viewer__modal-rotate-RR');
-    if (rotateBtn) {
-      act(() => {
-        fireEvent.click(rotateBtn);
-      });
-      await mockDelay();
-    }
+    const rotateBtn = document.querySelector('.t-icon-rotation')?.closest('.t-image-viewer__modal-icon');
+    expect(rotateBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(rotateBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-after-rotate');
   });
 
   test('点击放大按钮后快照', async () => {
     await openViewer();
-    const zoomInBtn = document.querySelector('.t-image-viewer__modal-zoomIn');
-    if (zoomInBtn) {
-      act(() => {
-        fireEvent.click(zoomInBtn);
-      });
-      await mockDelay();
-    }
+    const zoomInBtn = document.querySelector('.t-icon-zoom-in')?.closest('.t-image-viewer__modal-icon');
+    expect(zoomInBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(zoomInBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-after-zoom-in');
   });
 
   test('点击缩小按钮后快照', async () => {
     await openViewer();
-    const zoomOutBtn = document.querySelector('.t-image-viewer__modal-zoomOut');
-    if (zoomOutBtn) {
-      act(() => {
-        fireEvent.click(zoomOutBtn);
-      });
-      await mockDelay();
-    }
+    const zoomOutBtn = document.querySelector('.t-icon-zoom-out')?.closest('.t-image-viewer__modal-icon');
+    expect(zoomOutBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(zoomOutBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-after-zoom-out');
   });
 
   test('点击镜像按钮后快照', async () => {
     await openViewer();
-    const mirrorBtn = document.querySelector('.t-image-viewer__modal-mirrorX');
-    if (mirrorBtn) {
-      act(() => {
-        fireEvent.click(mirrorBtn);
-      });
-      await mockDelay();
-    }
+    const mirrorBtn = document.querySelector('.t-icon-mirror')?.closest('.t-image-viewer__modal-icon');
+    expect(mirrorBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(mirrorBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-after-mirror');
   });
 
   test('点击原始大小按钮后快照', async () => {
     await openViewer();
-    const resetBtn = document.querySelector('.t-image-viewer__modal-original');
-    if (resetBtn) {
-      act(() => {
-        fireEvent.click(resetBtn);
-      });
-      await mockDelay();
-    }
+    const resetBtn = document.querySelector('.t-icon-image')?.closest('.t-image-viewer__modal-icon');
+    expect(resetBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(resetBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-after-reset');
   });
 
   test('多图导航：上一张/下一张按钮快照', async () => {
     await openViewer([imgUrl, imgUrl2, imgUrl3]);
 
-    // 点击下一张
-    const nextBtn = document.querySelector('.t-image-viewer__modal-next-bt');
-    if (nextBtn) {
-      act(() => {
-        fireEvent.click(nextBtn);
-      });
-      await mockDelay();
-    }
+    const nextBtn = document.querySelector('.t-icon-chevron-right')?.closest('.t-image-viewer__modal-icon');
+    expect(nextBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(nextBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-navigate-next');
 
-    // 再次点击下一张
-    const nextBtn2 = document.querySelector('.t-image-viewer__modal-next-bt');
-    if (nextBtn2) {
-      act(() => {
-        fireEvent.click(nextBtn2);
-      });
-      await mockDelay();
-    }
+    const nextBtn2 = document.querySelector('.t-icon-chevron-right')?.closest('.t-image-viewer__modal-icon');
+    expect(nextBtn2).toBeTruthy();
+    act(() => {
+      fireEvent.click(nextBtn2);
+    });
+    await mockDelay();
 
-    // 点击上一张
-    const prevBtn = document.querySelector('.t-image-viewer__modal-prev-bt');
-    if (prevBtn) {
-      act(() => {
-        fireEvent.click(prevBtn);
-      });
-      await mockDelay();
-    }
+    const prevBtn = document.querySelector('.t-icon-chevron-left')?.closest('.t-image-viewer__modal-icon');
+    expect(prevBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(prevBtn);
+    });
+    await mockDelay();
     expect(document.body).toMatchSnapshot('toolbar-navigate-prev');
   });
 });
+
+// ─── onClose trigger 来源验证 ───────────────────────────────────────────
+describe('onClose trigger 来源', () => {
+  const triggerText = '关闭来源测试';
+
+  test('点击关闭按钮时 trigger 为 close-btn', async () => {
+    const onClose = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} onClose={onClose} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const closeBtn = document.querySelector('.t-image-viewer__modal-close-bt');
+    expect(closeBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(closeBtn);
+    });
+    expect(onClose).toHaveBeenCalledWith({ trigger: 'close-btn', e: expect.any(Object) });
+  });
+
+  test('点击遮罩时 trigger 为 overlay', async () => {
+    const onClose = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} onClose={onClose} closeOnOverlay />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const mask = document.querySelector('.t-image-viewer__modal-mask');
+    expect(mask).toBeTruthy();
+    act(() => {
+      fireEvent.click(mask);
+    });
+    expect(onClose).toHaveBeenCalledWith({ trigger: 'overlay', e: expect.any(Object) });
+  });
+
+  test('ESC 关闭时 trigger 为 esc', async () => {
+    const user = userEvent.setup();
+    const onClose = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} onClose={onClose} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    await user.type(document.body, '{Escape}');
+    expect(onClose).toHaveBeenCalledWith({ trigger: 'esc', e: expect.any(Object) });
+  });
+});
+
+// ─── onDownload 回调 ────────────────────────────────────────────────────
+describe('onDownload 下载回调', () => {
+  const triggerText = '下载测试';
+
+  test('自定义 onDownload 时被调用', async () => {
+    const onDownload = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} onDownload={onDownload} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const downloadBtn =
+      document
+        .querySelector('.t-image-viewer__modal-icon [data-td-icon="download"]')
+        ?.closest('.t-image-viewer__modal-icon') ??
+      document.querySelector('.t-icon-download')?.closest('.t-image-viewer__modal-icon');
+    expect(downloadBtn).toBeTruthy();
+    act(() => {
+      fireEvent.click(downloadBtn);
+    });
+    expect(onDownload).toHaveBeenCalledWith(imgUrl);
+  });
+
+  test('currentImage.download 为 false 时不显示下载按钮', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={[{ mainImage: imgUrl, download: false }]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const downloadIcon = document.querySelector('.t-icon-download');
+    expect(downloadIcon).toBeNull();
+  });
+});
+
+// ─── 受控模式 ──────────────────────────────────────────────────────────
+describe('受控 visible/index', () => {
+  test('受控 visible 打开/关闭', async () => {
+    const ControlledViewer = () => {
+      const [visible, setVisible] = React.useState(false);
+      return (
+        <>
+          <button data-testid="open" onClick={() => setVisible(true)}>
+            打开
+          </button>
+          <button data-testid="close" onClick={() => setVisible(false)}>
+            关闭
+          </button>
+          <ImageViewer visible={visible} images={[imgUrl]} onClose={() => setVisible(false)} />
+        </>
+      );
+    };
+    render(<ControlledViewer />);
+
+    expect(document.querySelector('.t-image-viewer-preview-image')).toBeNull();
+
+    act(() => {
+      fireEvent.click(document.querySelector('[data-testid="open"]'));
+    });
+    await mockDelay();
+    expect(document.querySelector('.t-image-viewer-preview-image')).toBeTruthy();
+
+    act(() => {
+      fireEvent.click(document.querySelector('[data-testid="close"]'));
+    });
+    await mockTimeout(() => expect(document.querySelector('.t-image-viewer-preview-image')).toBeNull());
+  });
+
+  test('受控 index 切换图片', async () => {
+    const ControlledViewer = () => {
+      const [index, setIndex] = React.useState(0);
+      return (
+        <>
+          <button data-testid="set-index" onClick={() => setIndex(2)}>
+            跳转
+          </button>
+          <ImageViewer
+            visible={true}
+            index={index}
+            images={[imgUrl, imgUrl2, imgUrl3]}
+            onIndexChange={(i) => setIndex(i as number)}
+          />
+        </>
+      );
+    };
+    render(<ControlledViewer />);
+    await mockDelay();
+
+    // 初始 index=0
+    const indexText = document.querySelector('.t-image-viewer__modal-index');
+    expect(indexText).toBeTruthy();
+
+    // 外部修改 index 为 2
+    act(() => {
+      fireEvent.click(document.querySelector('[data-testid="set-index"]'));
+    });
+    await mockDelay();
+
+    // 验证组件已更新到第 3 张
+    const updatedIndexText = document.querySelector('.t-image-viewer__modal-index');
+    expect(updatedIndexText?.textContent).toContain('3/3');
+  });
+});
+
+// ─── 图片加载错误状态 ──────────────────────────────────────────────────
+describe('图片加载错误状态', () => {
+  const triggerText = '错误状态测试';
+
+  test('图片加载失败显示错误 UI', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>{triggerText}</span>;
+      return <ImageViewer trigger={trigger} images={['invalid-url.jpg']} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const img = document.querySelector('.t-image-viewer__modal-image') as HTMLImageElement;
+    expect(img).toBeTruthy();
+
+    act(() => {
+      fireEvent.error(img);
+    });
+    await mockDelay();
+
+    const errorEl = document.querySelector('.t-image-viewer__img-error');
+    // In JSDOM, error UI may render; verify either error element appears or image is hidden
+    const hasError =
+      errorEl !== null || document.querySelector('.t-image-viewer__modal-image[style*="display: none"]') !== null;
+    expect(hasError).toBe(true);
+  });
+});
+
+// ─── open(index) 指定索引打开 ──────────────────────────────────────────
+describe('open(index) 指定索引打开', () => {
+  test('open 传入 index 后显示对应图片', async () => {
+    const onIndexChange = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open(2)}>指定索引打开</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2, imgUrl3]} onIndexChange={onIndexChange} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const indexText = document.querySelector('.t-image-viewer__modal-index');
+    expect(indexText?.textContent).toContain('3/3');
+  });
+});
+
+// ─── 缩略图导航 ──────────────────────────────────────────────────────
+describe('ImageViewerHeader 缩略图导航', () => {
+  test('点击缩略图切换到对应图片', async () => {
+    const onIndexChange = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>缩略图测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2, imgUrl3]} onIndexChange={onIndexChange} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const headerBoxes = document.querySelectorAll('.t-image-viewer__header-box');
+    expect(headerBoxes.length).toBe(3);
+
+    act(() => {
+      fireEvent.click(headerBoxes[2]);
+    });
+    expect(onIndexChange).toHaveBeenCalledWith(2, { trigger: 'current' });
+  });
+
+  test('当前图片缩略图有 active 状态', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>缩略图测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2, imgUrl3]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const headerBoxes = document.querySelectorAll('.t-image-viewer__header-box');
+    expect(headerBoxes[0].classList.contains('t-is-active')).toBe(true);
+    expect(headerBoxes[1].classList.contains('t-is-active')).toBe(false);
+  });
+});
+
+// ─── closeBtn 为函数 ──────────────────────────────────────────────────
+describe('closeBtn 为函数', () => {
+  test('closeBtn 为函数时渲染自定义关闭按钮', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>函数关闭按钮</span>;
+      return (
+        <ImageViewer
+          trigger={trigger}
+          images={[imgUrl]}
+          closeBtn={({ onClose }) => (
+            <button data-testid="custom-close" onClick={() => onClose?.({ trigger: 'close-btn', e: {} as any })}>
+              X
+            </button>
+          )}
+        />
+      );
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const customBtn = document.querySelector('[data-testid="custom-close"]');
+    expect(customBtn).toBeTruthy();
+    expect(customBtn?.textContent).toBe('X');
+  });
+});
+
+// ─── DefaultTrigger 点击交互 ──────────────────────────────────────────
+describe('DefaultTrigger 点击交互', () => {
+  test('默认触发器点击后打开预览', async () => {
+    render(<ImageViewer images={[imgUrl]} />);
+
+    const triggerEl = document.querySelector('.t-image-viewer__trigger');
+    expect(triggerEl).toBeTruthy();
+
+    act(() => {
+      fireEvent.click(triggerEl);
+    });
+    await mockDelay();
+
+    expect(document.querySelector('.t-image-viewer-preview-image')).toBeTruthy();
+  });
+});
+
+// ─── 切换图片重置状态 ────────────────────────────────────────────────
+describe('切换图片后重置旋转/缩放/位移', () => {
+  test('切换图片后缩放重置为 1', async () => {
+    const user = userEvent.setup();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>重置测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    // 放大
+    await user.type(document.body, '{ArrowUp}');
+    await mockDelay();
+    const scaleText = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleText).not.toBe('100%');
+
+    // 切换到下一张
+    await user.type(document.body, '{ArrowRight}');
+    await mockDelay();
+
+    const scaleTextAfter = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleTextAfter).toBe('100%');
+  });
+});
+
+// ─── innerClassName 属性 ──────────────────────────────────────────────
+describe('innerClassName 属性', () => {
+  test('innerClassName 应用到图片容器', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>innerClassName测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} innerClassName="custom-inner" />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const picEl = document.querySelector('.t-image-viewer__modal-pic');
+    expect(picEl?.classList.contains('custom-inner')).toBe(true);
+  });
+});
+
+// ─── showOverlay 为 false ─────────────────────────────────────────────
+describe('showOverlay 属性', () => {
+  test('showOverlay 为 false 时不渲染遮罩', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>遮罩测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} showOverlay={false} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const mask = document.querySelector('.t-image-viewer__modal-mask');
+    expect(mask).toBeNull();
+  });
+});
+
+// ─── closeOnOverlay 为 false ──────────────────────────────────────────
+describe('closeOnOverlay 属性', () => {
+  test('closeOnOverlay 为 false 时点击遮罩不关闭', async () => {
+    const onClose = vi.fn();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>遮罩不关闭测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl]} closeOnOverlay={false} onClose={onClose} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const mask = document.querySelector('.t-image-viewer__modal-mask');
+    expect(mask).toBeTruthy();
+    act(() => {
+      fireEvent.click(mask);
+    });
+    expect(onClose).not.toHaveBeenCalled();
+  });
+});
+
+// ─── title 为函数 ─────────────────────────────────────────────────────
+describe('title 为 TNode', () => {
+  test('title 为 ReactNode 时渲染自定义标题', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>标题测试</span>;
+      return (
+        <ImageViewer
+          trigger={trigger}
+          images={[imgUrl, imgUrl2]}
+          title={<span className="custom-title-node">自定义标题</span>}
+        />
+      );
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const titleEl = document.querySelector('.custom-title-node');
+    expect(titleEl).toBeTruthy();
+    expect(titleEl?.textContent).toBe('自定义标题');
+  });
+});
+
+// ─── 第一张/最后一张箭头 disabled ──────────────────────────────────────
+describe('第一张/最后一张箭头 disabled 状态', () => {
+  test('第一张图片时 prev 按钮有 disabled 样式', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>箭头测试</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2, imgUrl3]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const prevBtn = document.querySelector('.t-image-viewer__modal-prev-bt');
+    expect(prevBtn?.classList.contains('t-is-disabled')).toBe(true);
+
+    const nextBtn = document.querySelector('.t-image-viewer__modal-next-bt');
+    expect(nextBtn?.classList.contains('t-is-disabled')).toBe(false);
+  });
+
+  test('最后一张图片时 next 按钮有 disabled 样式', async () => {
+    const user = userEvent.setup();
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>箭头测试2</span>;
+      return <ImageViewer trigger={trigger} images={[imgUrl, imgUrl2]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    await user.type(document.body, '{ArrowRight}');
+    await mockDelay();
+
+    const nextBtn = document.querySelector('.t-image-viewer__modal-next-bt');
+    expect(nextBtn?.classList.contains('t-is-disabled')).toBe(true);
+  });
+});
+
+// ─── 空图片数组 ───────────────────────────────────────────────────────
+describe('空图片数组', () => {
+  test('images 为空数组时不渲染弹窗', async () => {
+    const BasicImageViewer = () => {
+      const trigger = ({ open }) => <span onClick={() => open()}>空数组测试</span>;
+      return <ImageViewer trigger={trigger} images={[]} />;
+    };
+    render(<BasicImageViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    expect(document.querySelector('.t-image-viewer-preview-image')).toBeNull();
+  });
+});
+
+// ─── imageScale 动态变化重置 ──────────────────────────────────────────
+describe('imageScale 动态变化重置缩放', () => {
+  test('imageScale 变化后缩放重置', async () => {
+    const DynamicScaleViewer = () => {
+      const [scale, setScale] = React.useState({ max: 2, min: 0.5, step: 0.2 });
+      const trigger = ({ open }) => <span onClick={() => open()}>动态缩放</span>;
+      return (
+        <>
+          <button data-testid="change-scale" onClick={() => setScale({ max: 5, min: 0.1, step: 0.5 })}>
+            修改缩放
+          </button>
+          <ImageViewer trigger={trigger} images={[imgUrl]} imageScale={scale} />
+        </>
+      );
+    };
+    render(<DynamicScaleViewer />);
+
+    act(() => {
+      fireEvent.click(document.querySelector('span'));
+    });
+    await mockDelay();
+
+    const scaleText = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleText).toBe('100%');
+
+    act(() => {
+      fireEvent.click(document.querySelector('[data-testid="change-scale"]'));
+    });
+    await mockDelay();
+
+    const scaleTextAfter = document.querySelector('.t-image-viewer__utils-scale')?.textContent;
+    expect(scaleTextAfter).toBe('100%');
+  });
+});
diff --git a/packages/components/image-viewer/__tests__/transform.test.ts b/packages/components/image-viewer/__tests__/transform.test.ts
index 3669bcd629..1b669c47db 100644
--- a/packages/components/image-viewer/__tests__/transform.test.ts
+++ b/packages/components/image-viewer/__tests__/transform.test.ts
@@ -10,7 +10,7 @@
  * - isImageExceedsViewport
  * - DEFAULT_IMAGE_SCALE
  */
-import { describe, expect, it } from 'vitest';
+import { describe, expect, test } from 'vitest';
 import {
   calcResetRotation,
   calculateTranslateOffset,
@@ -27,8 +27,8 @@ import {
 } from '@tdesign/common-js/image-viewer/transform';
 
 // ─── 常量 ────────────────────────────────────────────────────────────────
-describe('constants', () => {
-  it('DEFAULT_IMAGE_SCALE', () => {
+describe('常量', () => {
+  test('DEFAULT_IMAGE_SCALE 默认缩放配置', () => {
     expect(DEFAULT_IMAGE_SCALE).toEqual({
       max: 2,
       min: 0.5,
@@ -37,26 +37,26 @@ describe('constants', () => {
     });
   });
 
-  it('MIRROR_DEFAULT = 1', () => {
+  test('MIRROR_DEFAULT 默认值为 1', () => {
     expect(MIRROR_DEFAULT).toBe(1);
   });
 
-  it('ROTATE_DEG = -90', () => {
+  test('ROTATE_DEG 旋转角度为 -90', () => {
     expect(ROTATE_DEG).toBe(-90);
   });
 });
 
 // ─── toggleMirror ────────────────────────────────────────────────────────
-describe('toggleMirror', () => {
-  it('toggles from default(1) to -1', () => {
+describe('toggleMirror 镜像切换', () => {
+  test('从默认值 1 切换为 -1', () => {
     expect(toggleMirror(1)).toBe(-1);
   });
 
-  it('toggles from -1 back to 1', () => {
+  test('从 -1 切换回 1', () => {
     expect(toggleMirror(-1)).toBe(1);
   });
 
-  it('rapid toggles (10 times) return to 1', () => {
+  test('连续切换 10 次回到 1', () => {
     let mirror = MIRROR_DEFAULT;
     for (let i = 0; i < 10; i++) {
       mirror = toggleMirror(mirror);
@@ -64,7 +64,7 @@ describe('toggleMirror', () => {
     expect(mirror).toBe(1);
   });
 
-  it('odd number of toggles gives -1', () => {
+  test('奇数次切换结果为 -1', () => {
     let mirror = MIRROR_DEFAULT;
     for (let i = 0; i < 5; i++) {
       mirror = toggleMirror(mirror);
@@ -74,120 +74,135 @@ describe('toggleMirror', () => {
 });
 
 // ─── calcResetRotation ──────────────────────────────────────────────────
-describe('calcResetRotation', () => {
-  it('0° → no adjustment', () => {
+describe('calcResetRotation 旋转重置', () => {
+  test('0° 时无需调整', () => {
     expect(calcResetRotation(0)).toBe(0);
   });
 
-  it('-90° → -90 (|deg| ≤ 180, same value)', () => {
+  test('-90° 时保持不变（|deg| ≤ 180）', () => {
     expect(calcResetRotation(-90)).toBe(-90);
   });
 
-  it('-180° → -180 (boundary, |deg| = 180)', () => {
+  test('-180° 边界值保持不变', () => {
     expect(calcResetRotation(-180)).toBe(-180);
   });
 
-  it('-270° → 90 (|deg| > 180, shortest path via +90)', () => {
+  test('-270° 走最短路径（+90）', () => {
     expect(calcResetRotation(-270)).toBe(90);
   });
 
-  it('-360° → no adjustment (full rotation)', () => {
+  test('-360° 整圈旋转无需调整', () => {
     expect(calcResetRotation(-360)).toBe(0);
   });
 
-  it('-450° → -90 (-450 % 360 = -90)', () => {
+  test('-450° 等价于 -90°', () => {
     expect(calcResetRotation(-450)).toBe(-90);
   });
 
-  it('-720° → no adjustment (two full rotations)', () => {
+  test('-720° 两圈旋转无需调整', () => {
     expect(calcResetRotation(-720)).toBe(0);
   });
 
-  it('positive 90° → 90', () => {
+  test('正 90° 保持不变', () => {
     expect(calcResetRotation(90)).toBe(90);
   });
 
-  it('positive 270° → shortest path', () => {
-    // 270 % 360 = 270, |270| > 180 → (270 + 360) % 360 = 270
+  test('正 270° 走最短路径', () => {
     expect(calcResetRotation(270)).toBe(270);
   });
+
+  test('正 360° 整圈旋转无需调整', () => {
+    expect(calcResetRotation(360)).toBe(0);
+  });
+
+  test('正 180° 保持不变', () => {
+    expect(calcResetRotation(180)).toBe(180);
+  });
+
+  test('正 540° 等价于 180°', () => {
+    expect(calcResetRotation(540)).toBe(180);
+  });
+
+  test('负 630° 最短路径', () => {
+    expect(calcResetRotation(-630)).toBe(90);
+  });
 });
 
 // ─── clampScale ──────────────────────────────────────────────────────────
-describe('clampScale', () => {
-  it('within range returns same value', () => {
+describe('clampScale 缩放值限制', () => {
+  test('范围内值不变', () => {
     expect(clampScale(1, 0.5, 2)).toBe(1);
   });
 
-  it('below min returns min', () => {
+  test('低于最小值返回最小值', () => {
     expect(clampScale(0.1, 0.5, 2)).toBe(0.5);
   });
 
-  it('above max returns max', () => {
+  test('超过最大值返回最大值', () => {
     expect(clampScale(5, 0.5, 2)).toBe(2);
   });
 
-  it('equal to min', () => {
+  test('等于最小值', () => {
     expect(clampScale(0.5, 0.5, 2)).toBe(0.5);
   });
 
-  it('equal to max', () => {
+  test('等于最大值', () => {
     expect(clampScale(2, 0.5, 2)).toBe(2);
   });
 
-  it('zero', () => {
+  test('零值被限制为最小值', () => {
     expect(clampScale(0, 0.5, 2)).toBe(0.5);
   });
 
-  it('negative value', () => {
+  test('负值被限制为最小值', () => {
     expect(clampScale(-1, 0.5, 2)).toBe(0.5);
   });
 });
 
 // ─── calcZoomInScale / calcZoomOutScale ──────────────────────────────────
-describe('calcZoomInScale', () => {
-  it('basic zoom in', () => {
+describe('calcZoomInScale 放大计算', () => {
+  test('基本放大', () => {
     expect(calcZoomInScale(1, 0.2, 0.5, 2)).toBeCloseTo(1.2);
   });
 
-  it('clamps at max', () => {
+  test('放大到最大值时截断', () => {
     expect(calcZoomInScale(1.9, 0.2, 0.5, 2)).toBe(2);
   });
 
-  it('already at max returns max', () => {
+  test('已在最大值时保持不变', () => {
     expect(calcZoomInScale(2, 0.2, 0.5, 2)).toBe(2);
   });
 
-  it('large step', () => {
+  test('大步长放大', () => {
     expect(calcZoomInScale(1, 1, 0.5, 2)).toBe(2);
   });
 
-  it('small step', () => {
+  test('小步长放大', () => {
     expect(calcZoomInScale(1, 0.05, 0.5, 2)).toBeCloseTo(1.05);
   });
 });
 
-describe('calcZoomOutScale', () => {
-  it('basic zoom out', () => {
+describe('calcZoomOutScale 缩小计算', () => {
+  test('基本缩小', () => {
     expect(calcZoomOutScale(1, 0.2, 0.5, 2)).toBeCloseTo(0.8);
   });
 
-  it('clamps at min', () => {
+  test('缩小到最小值时截断', () => {
     expect(calcZoomOutScale(0.6, 0.2, 0.5, 2)).toBe(0.5);
   });
 
-  it('already at min returns min', () => {
+  test('已在最小值时保持不变', () => {
     expect(calcZoomOutScale(0.5, 0.2, 0.5, 2)).toBe(0.5);
   });
 
-  it('large step', () => {
+  test('大步长缩小', () => {
     expect(calcZoomOutScale(1, 1, 0.5, 2)).toBe(0.5);
   });
 });
 
 // ─── calculateTranslateOffset ────────────────────────────────────────────
-describe('calculateTranslateOffset', () => {
-  it('returns undefined when mouseOffsetX is missing', () => {
+describe('calculateTranslateOffset 位移计算', () => {
+  test('缺少 mouseOffsetX 时返回 undefined', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       mouseOffsetY: 50,
       currentTranslate: { translateX: 0, translateY: 0 },
@@ -195,7 +210,7 @@ describe('calculateTranslateOffset', () => {
     expect(result).toBeUndefined();
   });
 
-  it('returns undefined when mouseOffsetY is missing', () => {
+  test('缺少 mouseOffsetY 时返回 undefined', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       mouseOffsetX: 50,
       currentTranslate: { translateX: 0, translateY: 0 },
@@ -203,21 +218,18 @@ describe('calculateTranslateOffset', () => {
     expect(result).toBeUndefined();
   });
 
-  it('returns undefined when both offsets missing', () => {
+  test('两个偏移都缺失时返回 undefined', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       currentTranslate: { translateX: 0, translateY: 0 },
     });
     expect(result).toBeUndefined();
   });
 
-  it('returns undefined when options is undefined', () => {
+  test('options 为 undefined 时返回 undefined', () => {
     expect(calculateTranslateOffset(1, 1.2)).toBeUndefined();
   });
 
-  it('center zoom (mouseOffset = 0): newT = scaleRatio * T', () => {
-    // scaleRatio = 1.2/1 = 1.2, T = {100, 50}
-    // newTx = 1.2 * 100 + (1 - 1.2) * 0 = 120
-    // newTy = 1.2 * 50  + (1 - 1.2) * 0 = 60
+  test('中心缩放（偏移为 0）：newT = scaleRatio * T', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       mouseOffsetX: 0,
       mouseOffsetY: 0,
@@ -226,10 +238,7 @@ describe('calculateTranslateOffset', () => {
     expect(result).toEqual({ translateX: 120, translateY: 60 });
   });
 
-  it('non-center zoom: formula verification', () => {
-    // scaleRatio = 1.2/1 = 1.2
-    // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
-    // newTy = 1.2 * 0 + (1 - 1.2) * 50  = -10
+  test('非中心缩放：公式验证', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       mouseOffsetX: 100,
       mouseOffsetY: 50,
@@ -239,10 +248,7 @@ describe('calculateTranslateOffset', () => {
     expect(result.translateY).toBeCloseTo(-10);
   });
 
-  it('zoom out with existing translate', () => {
-    // scaleRatio = 0.8/1 = 0.8
-    // newTx = 0.8 * 50  + (1 - 0.8) * 100 = 40 + 20 = 60
-    // newTy = 0.8 * 50  + (1 - 0.8) * 100 = 40 + 20 = 60
+  test('缩小并带已有位移', () => {
     const result = calculateTranslateOffset(1, 0.8, {
       mouseOffsetX: 100,
       mouseOffsetY: 100,
@@ -251,7 +257,7 @@ describe('calculateTranslateOffset', () => {
     expect(result).toEqual({ translateX: 60, translateY: 60 });
   });
 
-  it('same scale (ratio = 1) returns same translate', () => {
+  test('缩放比例为 1 时位移不变', () => {
     const result = calculateTranslateOffset(1, 1, {
       mouseOffsetX: 200,
       mouseOffsetY: 200,
@@ -260,9 +266,7 @@ describe('calculateTranslateOffset', () => {
     expect(result).toEqual({ translateX: 50, translateY: 50 });
   });
 
-  it('missing currentTranslate defaults to {0, 0}', () => {
-    // scaleRatio = 1.2/1 = 1.2
-    // newTx = 1.2 * 0 + (1 - 1.2) * 100 = -20
+  test('缺少 currentTranslate 时默认为 {0, 0}', () => {
     const result = calculateTranslateOffset(1, 1.2, {
       mouseOffsetX: 100,
       mouseOffsetY: 100,
@@ -273,14 +277,14 @@ describe('calculateTranslateOffset', () => {
 });
 
 // ─── zoomIn / zoomOut (组合函数) ─────────────────────────────────────────
-describe('zoomIn', () => {
-  it('basic zoom in without options', () => {
+describe('zoomIn 放大', () => {
+  test('无 ZoomOptions 时只返回 newScale', () => {
     const { newScale, zoomResult } = zoomIn(1, 0.2, 0.5, 2);
     expect(newScale).toBeCloseTo(1.2);
     expect(zoomResult.newTranslate).toBeUndefined();
   });
 
-  it('zoom in with ZoomOptions', () => {
+  test('带 ZoomOptions 时计算新位移', () => {
     const { newScale, zoomResult } = zoomIn(1, 0.2, 0.5, 2, {
       mouseOffsetX: 0,
       mouseOffsetY: 0,
@@ -290,21 +294,21 @@ describe('zoomIn', () => {
     expect(zoomResult.newTranslate).toEqual({ translateX: 120, translateY: 60 });
   });
 
-  it('zoom in at max boundary', () => {
+  test('已达最大值时只返回 newScale', () => {
     const { newScale, zoomResult } = zoomIn(2, 0.2, 0.5, 2);
     expect(newScale).toBe(2);
     expect(zoomResult.newTranslate).toBeUndefined();
   });
 });
 
-describe('zoomOut', () => {
-  it('basic zoom out without options', () => {
+describe('zoomOut 缩小', () => {
+  test('无 ZoomOptions 时只返回 newScale', () => {
     const { newScale, zoomResult } = zoomOut(1, 0.2, 0.5, 2);
     expect(newScale).toBeCloseTo(0.8);
     expect(zoomResult.newTranslate).toBeUndefined();
   });
 
-  it('zoom out with ZoomOptions', () => {
+  test('带 ZoomOptions 时计算新位移', () => {
     const { newScale, zoomResult } = zoomOut(1, 0.2, 0.5, 2, {
       mouseOffsetX: 100,
       mouseOffsetY: 100,
@@ -314,7 +318,7 @@ describe('zoomOut', () => {
     expect(zoomResult.newTranslate).toEqual({ translateX: 60, translateY: 60 });
   });
 
-  it('zoom out at min boundary', () => {
+  test('已达最小值时只返回 newScale', () => {
     const { newScale, zoomResult } = zoomOut(0.5, 0.2, 0.5, 2);
     expect(newScale).toBe(0.5);
     expect(zoomResult.newTranslate).toBeUndefined();
@@ -322,7 +326,7 @@ describe('zoomOut', () => {
 });
 
 // ─── isImageExceedsViewport ──────────────────────────────────────────────
-describe('isImageExceedsViewport', () => {
+describe('isImageExceedsViewport 图片是否超出视口', () => {
   const createMockElement = (rect: Partial<DOMRect>) => {
     const el = document.createElement('div');
     el.getBoundingClientRect = () => ({
@@ -341,45 +345,69 @@ describe('isImageExceedsViewport', () => {
     return el;
   };
 
-  it('image within viewport', () => {
+  test('图片在视口内', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 550 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
 
-  it('image exceeds left', () => {
+  test('图片超出左侧', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: -50, right: 700, top: 50, bottom: 550 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
-  it('image exceeds right', () => {
+  test('图片超出右侧', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: 100, right: 900, top: 50, bottom: 550 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
-  it('image exceeds top', () => {
+  test('图片超出顶部', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: 100, right: 700, top: -10, bottom: 550 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
-  it('image exceeds bottom', () => {
+  test('图片超出底部', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 650 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
-  it('image exceeds all sides', () => {
+  test('图片四边均超出', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: -100, right: 900, top: -100, bottom: 700 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(true);
   });
 
-  it('image matches viewport exactly', () => {
+  test('图片与视口完全重合', () => {
     const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     const modalBox = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
     expect(isImageExceedsViewport(container, modalBox)).toBe(false);
   });
+
+  test('图片左边与容器左边对齐（边界不超出）', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 0, right: 700, top: 50, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
+
+  test('图片右边与容器右边对齐（边界不超出）', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 800, top: 50, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
+
+  test('图片上边与容器上边对齐（边界不超出）', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 700, top: 0, bottom: 550 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
+
+  test('图片下边与容器下边对齐（边界不超出）', () => {
+    const container = createMockElement({ left: 0, right: 800, top: 0, bottom: 600 });
+    const modalBox = createMockElement({ left: 100, right: 700, top: 50, bottom: 600 });
+    expect(isImageExceedsViewport(container, modalBox)).toBe(false);
+  });
 });
diff --git a/packages/components/image-viewer/__tests__/utils.test.ts b/packages/components/image-viewer/__tests__/utils.test.ts
index b0d8da0cdb..a6f66d5164 100644
--- a/packages/components/image-viewer/__tests__/utils.test.ts
+++ b/packages/components/image-viewer/__tests__/utils.test.ts
@@ -5,26 +5,24 @@
  * - formatImages
  * - downloadImage（含跨域 canvasDownload 路径）
  */
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
 import { downloadImage, formatImages } from '@tdesign/common-js/image-viewer/utils';
 import { act } from '@test/utils';
 
 // ─── formatImages ────────────────────────────────────────────────────────
-describe('formatImages', () => {
-  it('non-array input returns empty array', () => {
-    expect(formatImages(null)).toEqual([]);
-    expect(formatImages(undefined)).toEqual([]);
-    // @ts-expect-error testing invalid input
-    expect(formatImages('string')).toEqual([]);
-    // @ts-expect-error testing invalid input
-    expect(formatImages(123)).toEqual([]);
+describe('formatImages 图片格式化', () => {
+  test('非数组输入返回空数组', () => {
+    expect(formatImages(null as unknown as ImageInfo[])).toEqual([]);
+    expect(formatImages(undefined as unknown as ImageInfo[])).toEqual([]);
+    expect(formatImages('string' as unknown as ImageInfo[])).toEqual([]);
+    expect(formatImages(123 as unknown as ImageInfo[])).toEqual([]);
   });
 
-  it('empty array', () => {
+  test('空数组', () => {
     expect(formatImages([])).toEqual([]);
   });
 
-  it('string images with default properties', () => {
+  test('字符串数组：使用默认属性', () => {
     const images = ['image1.jpg', 'image2.png'];
     const result = formatImages(images);
 
@@ -34,7 +32,7 @@ describe('formatImages', () => {
     ]);
   });
 
-  it('ImageInfo objects with defaults', () => {
+  test('ImageInfo 对象：补全默认属性', () => {
     const images = [{ mainImage: 'main1.jpg' }, { mainImage: 'main2.jpg', thumbnail: 'thumb2.jpg' }];
     const result = formatImages(images);
 
@@ -42,13 +40,13 @@ describe('formatImages', () => {
     expect(result[1]).toEqual({ mainImage: 'main2.jpg', thumbnail: 'thumb2.jpg', download: true });
   });
 
-  it('custom download setting preserved', () => {
+  test('自定义 download 设置被保留', () => {
     const images = [{ mainImage: 'main.jpg', download: false }];
     const result = formatImages(images);
     expect(result[0].download).toBeFalsy();
   });
 
-  it('mixed string and ImageInfo array', () => {
+  test('字符串与 ImageInfo 混合数组', () => {
     const images = ['string-image.jpg', { mainImage: 'object-main.jpg', thumbnail: 'object-thumb.jpg' }];
     const result = formatImages(images);
 
@@ -58,7 +56,7 @@ describe('formatImages', () => {
     ]);
   });
 
-  it('File objects in images', () => {
+  test('File 对象作为图片输入', () => {
     const file = new File(['test'], 'test.png', { type: 'image/png' });
     const result = formatImages([file]);
 
@@ -67,19 +65,19 @@ describe('formatImages', () => {
     expect(result[0].download).toBeTruthy();
   });
 
-  it('ImageInfo with all properties', () => {
+  test('ImageInfo 包含全部属性', () => {
     const images = [{ mainImage: 'main.jpg', thumbnail: 'thumb.jpg', download: true, isSvg: true }];
     const result = formatImages(images);
     expect(result[0]).toEqual({ mainImage: 'main.jpg', thumbnail: 'thumb.jpg', download: true, isSvg: true });
   });
 
-  it('thumbnail defaults to mainImage', () => {
+  test('thumbnail 默认等于 mainImage', () => {
     const images = [{ mainImage: 'only-main.jpg' }];
     const result = formatImages(images);
     expect(result[0].thumbnail).toBe('only-main.jpg');
   });
 
-  it('large array of images', () => {
+  test('大数组处理（100 张图片）', () => {
     const images = Array.from({ length: 100 }, (_, i) => `image-${i}.jpg`);
     const result = formatImages(images);
     expect(result).toHaveLength(100);
@@ -92,7 +90,7 @@ describe('formatImages', () => {
 });
 
 // ─── downloadImage ───────────────────────────────────────────────────────
-describe('downloadImage', () => {
+describe('downloadImage 图片下载', () => {
   let mockCreateObjectURL: ReturnType<typeof vi.fn>;
   let mockRevokeObjectURL: ReturnType<typeof vi.fn>;
   let mockCreateElement: typeof document.createElement;
@@ -110,7 +108,7 @@ describe('downloadImage', () => {
     vi.restoreAllMocks();
   });
 
-  it('File input uses URL.createObjectURL', () => {
+  test('File 输入使用 URL.createObjectURL', () => {
     const mockClick = vi.fn();
     const mockRemove = vi.fn();
     const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
@@ -128,7 +126,7 @@ describe('downloadImage', () => {
     expect(mockClick).toHaveBeenCalled();
   });
 
-  it('same-origin URL direct download', () => {
+  test('同源 URL 直接下载', () => {
     const mockClick = vi.fn();
     const mockRemove = vi.fn();
     const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
@@ -146,7 +144,7 @@ describe('downloadImage', () => {
     expect(mockClick).toHaveBeenCalled();
   });
 
-  it('extracts filename from URL with query parameters', () => {
+  test('从带查询参数的 URL 提取文件名', () => {
     const mockClick = vi.fn();
     const mockRemove = vi.fn();
     const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
@@ -161,7 +159,7 @@ describe('downloadImage', () => {
     expect(mockAnchor.download).toBe('image.png');
   });
 
-  it('extracts filename from URL with hash', () => {
+  test('从带 hash 的 URL 提取文件名', () => {
     const mockClick = vi.fn();
     const mockRemove = vi.fn();
     const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
@@ -176,8 +174,7 @@ describe('downloadImage', () => {
     expect(mockAnchor.download).toBe('image.jpg');
   });
 
-  it('cross-origin URL triggers canvasDownload (Image load path)', () => {
-    // 跨域 URL 进入 canvasDownload 分支，创建 Image 元素
+  test('跨域 URL 触发 canvasDownload 路径', () => {
     const crossOriginUrl = 'https://cross-origin.example.com/photo.jpg';
 
     const setAttribute = vi.fn();
@@ -195,14 +192,12 @@ describe('downloadImage', () => {
 
     downloadImage(crossOriginUrl);
 
-    // 应该新建 Image 并通过 setAttribute 设置 crossOrigin
     expect(setAttribute).toHaveBeenCalledWith('crossOrigin', 'anonymous');
     expect(mockImage.src).toBe(crossOriginUrl);
-    // click 不会被触发（图片还未 onload）
     expect(mockClick).not.toHaveBeenCalled();
   });
 
-  it('cross-origin image onload triggers canvas download', () => {
+  test('跨域图片 onload 后触发 canvas 下载', () => {
     const crossOriginUrl = 'https://cross-origin.example.com/photo.png';
 
     const mockCanvas = {
@@ -242,7 +237,6 @@ describe('downloadImage', () => {
 
     downloadImage(crossOriginUrl);
 
-    // 触发 onload
     expect(onloadFn).toBeTruthy();
     act(() => {
       onloadFn?.();
@@ -252,7 +246,7 @@ describe('downloadImage', () => {
     expect(mockCanvas.toBlob).toHaveBeenCalled();
   });
 
-  it('random name when URL has no filename', () => {
+  test('URL 无文件名时使用随机名称', () => {
     const mockClick = vi.fn();
     const mockRemove = vi.fn();
     const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
@@ -267,16 +261,93 @@ describe('downloadImage', () => {
     expect(mockAnchor.download).toBeTruthy();
     expect(mockClick).toHaveBeenCalled();
   });
+
+  test('URL 含多个 / 和复杂路径时正确提取文件名', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const deepUrl = `${window.location.origin}/a/b/c/deep-image.png`;
+    downloadImage(deepUrl);
+    expect(mockAnchor.download).toBe('deep-image.png');
+  });
+
+  test('File 对象下载后调用 revokeObjectURL', () => {
+    const mockClick = vi.fn();
+    const mockRemove = vi.fn();
+    const mockAnchor = { href: '', download: '', click: mockClick, remove: mockRemove };
+
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'a') return mockAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    const file = new File(['test'], 'photo.jpg', { type: 'image/jpeg' });
+    downloadImage(file);
+
+    expect(mockCreateObjectURL).toHaveBeenCalledWith(file);
+    expect(mockClick).toHaveBeenCalled();
+    // revokeObjectURL is called after click, need to verify
+    expect(mockRevokeObjectURL).toHaveBeenCalled();
+  });
+
+  test('跨域 URL jpg 扩展名使用 image/jpeg mime', () => {
+    const crossOriginUrl = 'https://other.com/photo.jpg';
+
+    let onloadFn: (() => void) | null = null;
+    const mockImage: Partial<HTMLImageElement> & { width: number; height: number } = {
+      setAttribute: vi.fn(),
+      width: 100,
+      height: 100,
+    };
+    Object.defineProperty(mockImage, 'onload', {
+      set(fn) {
+        onloadFn = fn;
+      },
+    });
+    const ImageSpy = vi.fn().mockImplementation(() => mockImage);
+    (global as any).Image = ImageSpy;
+
+    const mockCanvas = {
+      width: 0,
+      height: 0,
+      getContext: vi.fn().mockReturnValue({ drawImage: vi.fn() }),
+      toBlob: vi.fn(),
+    };
+
+    const mockBlobClick = vi.fn();
+    const mockBlobAnchor = { href: '', download: '', click: mockBlobClick, remove: vi.fn() };
+    vi.spyOn(document, 'createElement').mockImplementation((tag) => {
+      if (tag === 'canvas') return mockCanvas as unknown as HTMLCanvasElement;
+      if (tag === 'a') return mockBlobAnchor as unknown as HTMLAnchorElement;
+      return mockCreateElement(tag);
+    });
+
+    downloadImage(crossOriginUrl);
+
+    expect(onloadFn).toBeTruthy();
+    act(() => {
+      onloadFn?.();
+    });
+
+    // toBlob should be called with jpeg mime for .jpg extension
+    expect(mockCanvas.toBlob).toHaveBeenCalledWith(expect.any(Function), 'image/jpeg');
+  });
 });
 
 // ─── 快照测试 ────────────────────────────────────────────────────────────
-describe('formatImages snapshots', () => {
-  it('string images snapshot', () => {
+describe('formatImages 快照', () => {
+  test('字符串数组快照', () => {
     const result = formatImages(['img1.jpg', 'img2.png', 'img3.gif']);
     expect(result).toMatchSnapshot('formatImages-string-array');
   });
 
-  it('ImageInfo objects snapshot', () => {
+  test('ImageInfo 对象数组快照', () => {
     const result = formatImages([
       { mainImage: 'main1.jpg', thumbnail: 'thumb1.jpg', download: true },
       { mainImage: 'main2.jpg', download: false, isSvg: true },
@@ -284,12 +355,12 @@ describe('formatImages snapshots', () => {
     expect(result).toMatchSnapshot('formatImages-image-info-array');
   });
 
-  it('mixed array snapshot', () => {
+  test('混合数组快照', () => {
     const result = formatImages(['simple.jpg', { mainImage: 'complex.jpg', thumbnail: 'complex-thumb.jpg' }]);
     expect(result).toMatchSnapshot('formatImages-mixed-array');
   });
 
-  it('empty array snapshot', () => {
+  test('空数组快照', () => {
     expect(formatImages([])).toMatchSnapshot('formatImages-empty');
   });
 });
diff --git a/packages/components/image-viewer/hooks/useIndex.ts b/packages/components/image-viewer/hooks/useIndex.ts
index 40ac0112bc..e584b21293 100644
--- a/packages/components/image-viewer/hooks/useIndex.ts
+++ b/packages/components/image-viewer/hooks/useIndex.ts
@@ -14,9 +14,10 @@ const useIndex = (resProps, images) => {
   }, [setIndex, index, images.length]);
 
   const prev = useCallback(() => {
-    const newIndex = index - 1 > 0 ? index - 1 : 0;
+    const newIndex = index - 1;
+    if (newIndex < 0) return index;
     setIndex(newIndex, { trigger: 'prev' });
-  }, [index, setIndex]);
+  }, [setIndex, index]);
 
   return {
     index,

From 28d8a8c3a55c3fac6786a8cd75ef87218c866cbc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 20 May 2026 10:12:38 +0800
Subject: [PATCH 25/27] =?UTF-8?q?refactor(image-viewer):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96hooks=E4=B8=8E=E5=9B=BE=E6=A0=87=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         | 190 ++++++++----------
 .../image-viewer/hooks/useIconMap.ts          |   3 +
 .../image-viewer/hooks/usePosition.ts         |   9 +
 3 files changed, 99 insertions(+), 103 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index e706051bee..e5352cfd9e 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -1,12 +1,7 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isArray, isFunction } from 'lodash-es';
-import {
-  ImageErrorIcon as TdImageErrorIcon,
-  ImageIcon as TdImageIcon,
-  MirrorIcon as TdMirrorIcon,
-  RotationIcon as TdRotationIcon,
-} from 'tdesign-icons-react';
+import { ImageErrorIcon as TdImageErrorIcon } from 'tdesign-icons-react';
 import { isImageExceedsViewport } from '@tdesign/common-js/image-viewer/transform';
 import { downloadImage } from '@tdesign/common-js/image-viewer/utils';
 import { largeNumberToFixed } from '@tdesign/common-js/input-number/large-number';
@@ -96,11 +91,8 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       if (isSvg) return svgRef;
       return imgRef;
     }, [isSvg]);
-    const { position, setPosition, resetPosition, isDragging } = usePosition(displayRef);
-    const positionRef = useRef(position);
-    positionRef.current = position;
-    const isDraggingRef = useRef(isDragging);
-    isDraggingRef.current = isDragging;
+    // positionRef / isDraggingRef 由 usePosition 内部维护并直接返回
+    const { position, positionRef, setPosition, resetPosition, isDraggingRef } = usePosition(displayRef);
 
     const preImgStyle: React.CSSProperties = {
       transform: `rotateZ(${rotateZ}deg) scale(${scale})`,
@@ -156,53 +148,56 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
         isDraggingRef,
         enableTransition,
       }),
-      [setPosition, resetPosition, enableTransition],
+      [positionRef, setPosition, isDraggingRef, resetPosition, enableTransition],
     );
 
-    const createSvgShadow = async (url: string) => {
-      const response = await fetch(url);
-      if (!response.ok) {
-        setError(true);
-        throw new Error(`Failed to fetch SVG: ${response.statusText}`);
-      }
+    const createSvgShadow = useCallback(
+      async (url: string) => {
+        const response = await fetch(url);
+        if (!response.ok) {
+          setError(true);
+          throw new Error(`Failed to fetch SVG: ${response.statusText}`);
+        }
 
-      const svgText = await response.text();
-
-      const element = svgRef.current;
-      element.innerHTML = '';
-      element.classList?.add(`${classPrefix}-image-viewer__modal-image-svg`);
-      const shadowRoot = element.attachShadow({ mode: 'closed' });
-
-      const container = document.createElement('div');
-      container.style.background = 'transparent';
-      container.innerHTML = svgText;
-      shadowRoot.appendChild(container);
-
-      const svgElement = container.querySelector('svg');
-      if (svgElement) {
-        const svgViewBox = svgElement.getAttribute('viewBox');
-        if (svgViewBox) {
-          const viewBoxValues = svgViewBox
-            .split(/[\s,]/)
-            .filter((v) => v)
-            .map(parseFloat);
-
-          // svg viewbox x(0) and y(1) offset, width(2) and height(3),eg
-          const svgViewBoxWidth = viewBoxValues[2];
-          const svgViewBoxHeight = viewBoxValues[3];
-          container.style.width = `${svgViewBoxWidth}px`;
-          container.style.height = `${svgViewBoxHeight}px`;
-        } else {
-          const bbox = svgElement.getBBox();
-          const calculatedViewBox = `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`;
-          svgElement.setAttribute('viewBox', calculatedViewBox);
-
-          container.style.width = `${bbox.width}px`;
-          container.style.height = `${bbox.height}px`;
+        const svgText = await response.text();
+
+        const element = svgRef.current;
+        if (!element) return;
+
+        element.innerHTML = '';
+        element.classList?.add(`${classPrefix}-image-viewer__modal-image-svg`);
+        const shadowRoot = element.attachShadow({ mode: 'closed' });
+
+        const container = document.createElement('div');
+        container.style.background = 'transparent';
+        container.innerHTML = svgText;
+        shadowRoot.appendChild(container);
+
+        const svgElement = container.querySelector('svg');
+        if (svgElement) {
+          const svgViewBox = svgElement.getAttribute('viewBox');
+          if (svgViewBox) {
+            const viewBoxValues = svgViewBox
+              .split(/[\s,]/)
+              .filter((v) => v)
+              .map(parseFloat);
+
+            // svg viewbox x(0) and y(1) offset, width(2) and height(3)
+            container.style.width = `${viewBoxValues[2]}px`;
+            container.style.height = `${viewBoxValues[3]}px`;
+          } else {
+            const bbox = svgElement.getBBox();
+            const calculatedViewBox = `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`;
+            svgElement.setAttribute('viewBox', calculatedViewBox);
+
+            container.style.width = `${bbox.width}px`;
+            container.style.height = `${bbox.height}px`;
+          }
         }
-      }
-      setLoaded(true);
-    };
+        setLoaded(true);
+      },
+      [classPrefix],
+    );
 
     useEffect(() => {
       setError(false);
@@ -212,8 +207,7 @@ export const ImageModalItem = React.forwardRef<ImageModalItemRef, ImageModalItem
       if (isSvg && mainImagePreviewUrl) {
         createSvgShadow(mainImagePreviewUrl);
       }
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [mainImagePreviewUrl]);
+    }, [isSvg, mainImagePreviewUrl, createSvgShadow]);
 
     return (
       <div className={classNames(`${classPrefix}-image-viewer__modal-pic`, innerClassName)}>
@@ -321,11 +315,6 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
   onDownload,
 }) => {
   const { classPrefix } = useConfig();
-  const { MirrorIcon, RotationIcon, ImageIcon } = useGlobalIcon({
-    MirrorIcon: TdMirrorIcon,
-    RotationIcon: TdRotationIcon,
-    ImageIcon: TdImageIcon,
-  });
 
   return (
     <div className={`${classPrefix}-image-viewer__utils`}>
@@ -336,9 +325,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={onMirror}>
-            <MirrorIcon size="medium" />
-          </div>
+          <ImageModalIcon name="mirror" size="medium" onClick={onMirror} />
         </TooltipLite>
         <TooltipLite
           className={`${classPrefix}-image-viewer__utils--tip`}
@@ -346,9 +333,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={() => onRotate()}>
-            <RotationIcon size="medium" />
-          </div>
+          <ImageModalIcon name="rotation" size="medium" onClick={onRotate} />
         </TooltipLite>
         <ImageModalIcon size="medium" name="zoom-out" onClick={onZoomOut} />
         <ImageModalIcon
@@ -363,9 +348,7 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={onReset}>
-            <ImageIcon size="medium" name="image" />
-          </div>
+          <ImageModalIcon name="image" size="medium" onClick={onReset} />
         </TooltipLite>
         {currentImage.download && (
           <ImageModalIcon
@@ -373,7 +356,6 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
             name="download"
             onClick={() => {
               if (isFunction(onDownload)) {
-                // 自定义图片预览下载
                 onDownload(currentImage.mainImage);
                 return;
               }
@@ -516,7 +498,7 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
   const containerRef = useRef<HTMLDivElement>(null);
   const imageItemRef = useRef<ImageModalItemRef>(null);
 
-  // handleWheel 先用 ref 占位，useScale 之后再赋值，避免循环依赖
+  // handleWheel 用 ref 存储最新版本，传给 useScale 注册 passive:false 的 wheel 监听
   const handleWheelRef = useRef<(e: WheelEvent) => void>(null);
   const stableHandleWheel = useCallback((e: WheelEvent) => handleWheelRef.current?.(e), []);
 
@@ -524,34 +506,32 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
 
   // ⚠️ 不能用 React 的 onWheel —— React 17+ 将 wheel 注册为 passive: true，
   //    导致 e.preventDefault() 无效，无法阻止页面滚动。
-  handleWheelRef.current = useCallback(
-    (e: WheelEvent) => {
-      e.preventDefault();
-
-      const isZoomOut = e.deltaY > 0;
-      const container = containerRef.current;
-      const modalBox = imageItemRef.current?.modalBoxRef?.current;
-
-      if (isZoomOut && container && modalBox && isImageExceedsViewport(container, modalBox)) {
-        const currentPosition = imageItemRef.current?.positionRef?.current ?? [0, 0];
-        const result = onZoomOut({
-          mouseOffsetX: 0,
-          mouseOffsetY: 0,
-          currentTranslate: {
-            translateX: currentPosition[0],
-            translateY: currentPosition[1],
-          },
-        });
-        if (result?.newTranslate) {
-          imageItemRef.current?.enableTransition?.();
-          imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
-        }
-      } else {
-        isZoomOut ? onZoomOut() : onZoomIn();
+  // 直接赋值给 ref（无需额外 useCallback，ref 赋值本身不触发重渲染）
+  handleWheelRef.current = (e: WheelEvent) => {
+    e.preventDefault();
+
+    const isZoomOut = e.deltaY > 0;
+    const container = containerRef.current;
+    const modalBox = imageItemRef.current?.modalBoxRef?.current;
+
+    if (isZoomOut && container && modalBox && isImageExceedsViewport(container, modalBox)) {
+      const currentPosition = imageItemRef.current?.positionRef?.current ?? [0, 0];
+      const result = onZoomOut({
+        mouseOffsetX: 0,
+        mouseOffsetY: 0,
+        currentTranslate: {
+          translateX: currentPosition[0],
+          translateY: currentPosition[1],
+        },
+      });
+      if (result?.newTranslate) {
+        imageItemRef.current?.enableTransition?.();
+        imageItemRef.current?.setPosition?.([result.newTranslate.translateX, result.newTranslate.translateY]);
       }
-    },
-    [onZoomIn, onZoomOut],
-  );
+    } else {
+      isZoomOut ? onZoomOut() : onZoomIn();
+    }
+  };
 
   // imageScale 动态变化时重置缩放
   const isFirstRender = useRef(true);
@@ -581,7 +561,9 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
       ArrowLeft: () => handlers.prev(),
       ArrowUp: () => handlers.onZoomIn(),
       ArrowDown: () => handlers.onZoomOut(),
-      Escape: () => handlers.closeOnEscKeydown && handlers.onClose?.({ trigger: 'esc', e: event as any }),
+      Escape: () =>
+        handlers.closeOnEscKeydown &&
+        handlers.onClose?.({ trigger: 'esc', e: event as unknown as React.KeyboardEvent }),
     };
     keyActionMap[event.key]?.();
   }, []);
@@ -641,8 +623,8 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
     );
   }
 
-  // boolean控制显示，tnode直接展示
-  let closeNode: TNode = closeBtn;
+  // boolean 控制显示，tnode 直接展示
+  let closeNode: TNode = null;
   if (closeBtn === true) {
     closeNode = (
       <ImageModalIcon
@@ -652,7 +634,9 @@ export const ImageModal: React.FC<ImageModalProps> = (props) => {
         onClick={(e: React.MouseEvent<HTMLElement>) => onClose && onClose({ trigger: 'close-btn', e })}
       />
     );
-  } else if (isFunction(closeBtn)) closeNode = closeBtn({ onClose, onOpen });
+  } else if (closeBtn !== false) {
+    closeNode = isFunction(closeBtn) ? closeBtn({ onClose, onOpen }) : closeBtn;
+  }
 
   return (
     <div
diff --git a/packages/components/image-viewer/hooks/useIconMap.ts b/packages/components/image-viewer/hooks/useIconMap.ts
index 791c7e058c..2751eb95b9 100644
--- a/packages/components/image-viewer/hooks/useIconMap.ts
+++ b/packages/components/image-viewer/hooks/useIconMap.ts
@@ -4,6 +4,7 @@ import {
   ChevronRightIcon as TdChevronRightIcon,
   CloseIcon as TdCloseIcon,
   DownloadIcon as TdDownloadIcon,
+  ImageIcon as TdImageIcon,
   MirrorIcon as TdMirrorIcon,
   RotationIcon as TdRotationIcon,
   ZoomInIcon as TdZoomInIcon,
@@ -19,6 +20,7 @@ const useIconMap = () => {
     ChevronRightIcon: TdChevronRightIcon,
     CloseIcon: TdCloseIcon,
     DownloadIcon: TdDownloadIcon,
+    ImageIcon: TdImageIcon,
     MirrorIcon: TdMirrorIcon,
     RotationIcon: TdRotationIcon,
     ZoomInIcon: TdZoomInIcon,
@@ -31,6 +33,7 @@ const useIconMap = () => {
     mirror: Icons.MirrorIcon,
     'zoom-out': Icons.ZoomOutIcon,
     download: Icons.DownloadIcon,
+    image: Icons.ImageIcon,
     'chevron-left': Icons.ChevronLeftIcon,
     'chevron-right': Icons.ChevronRightIcon,
     'chevron-down': Icons.ChevronDownIcon,
diff --git a/packages/components/image-viewer/hooks/usePosition.ts b/packages/components/image-viewer/hooks/usePosition.ts
index 88bd8ac5ce..f09e0a21c0 100644
--- a/packages/components/image-viewer/hooks/usePosition.ts
+++ b/packages/components/image-viewer/hooks/usePosition.ts
@@ -15,6 +15,13 @@ const usePosition = (imgRef: React.RefObject<HTMLDivElement>, options?: Position
   const [isDragging, setIsDragging] = useState(false);
   const lastScreenPositionRef = useRef<{ x: number; y: number } | null>(null);
 
+  // 始终保持最新值的 ref，供外部免订阅地读取
+  const positionRef = useRef<PositionType>(position);
+  positionRef.current = position;
+
+  const isDraggingRef = useRef<boolean>(isDragging);
+  isDraggingRef.current = isDragging;
+
   useMouseEvent(imgRef, {
     onDown: (e) => {
       const { screenX, screenY } = e;
@@ -43,9 +50,11 @@ const usePosition = (imgRef: React.RefObject<HTMLDivElement>, options?: Position
 
   return {
     position,
+    positionRef,
     setPosition,
     resetPosition,
     isDragging,
+    isDraggingRef,
   };
 };
 

From 01059052e225857d4036024a0d1924f5a27e2145 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 20 May 2026 10:39:54 +0800
Subject: [PATCH 26/27] =?UTF-8?q?chore:=20=E6=B7=BB=E5=8A=A0=20viewerScale?=
 =?UTF-8?q?=20=E9=80=8F=E4=BC=A0=E5=BE=85=E5=8A=9E=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/image-viewer/ImageViewerMini.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/components/image-viewer/ImageViewerMini.tsx b/packages/components/image-viewer/ImageViewerMini.tsx
index 6bc55f991d..bf79d4663e 100644
--- a/packages/components/image-viewer/ImageViewerMini.tsx
+++ b/packages/components/image-viewer/ImageViewerMini.tsx
@@ -46,6 +46,8 @@ export const ImageModalMiniContent: React.FC<ImageModalMiniProps> = (props) => {
   const { classPrefix } = useConfig();
 
   return (
+    // TODO: viewerScale（minWidth/minHeight）应作为 style 应用到此容器，参考 tdesign-next-vue 实现
+    // 需将 viewerScale 从 TdImageViewerProps → ImageViewer → ImageModal → ImageModalMini → ImageModalMiniContent 完整透传
     <div className={`${classPrefix}-image-viewer-mini__content`}>
       <ImageModalItem
         rotateZ={props.rotateZ}

From eb9e78c62edf7c57bc1c391d9c4dcb25c0377f19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= <jimmyrss1102@gmail.com>
Date: Wed, 20 May 2026 10:56:21 +0800
Subject: [PATCH 27/27] =?UTF-8?q?chore(image-viewer):=20=E8=BF=98=E5=8E=9F?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../image-viewer/ImageViewerModal.tsx         | 24 +++++++++++++++----
 .../image-viewer/hooks/useIconMap.ts          |  3 ---
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/packages/components/image-viewer/ImageViewerModal.tsx b/packages/components/image-viewer/ImageViewerModal.tsx
index e5352cfd9e..7efb161cc7 100644
--- a/packages/components/image-viewer/ImageViewerModal.tsx
+++ b/packages/components/image-viewer/ImageViewerModal.tsx
@@ -1,7 +1,12 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { isArray, isFunction } from 'lodash-es';
-import { ImageErrorIcon as TdImageErrorIcon } from 'tdesign-icons-react';
+import {
+  ImageErrorIcon as TdImageErrorIcon,
+  ImageIcon as TdImageIcon,
+  MirrorIcon as TdMirrorIcon,
+  RotationIcon as TdRotationIcon,
+} from 'tdesign-icons-react';
 import { isImageExceedsViewport } from '@tdesign/common-js/image-viewer/transform';
 import { downloadImage } from '@tdesign/common-js/image-viewer/utils';
 import { largeNumberToFixed } from '@tdesign/common-js/input-number/large-number';
@@ -315,6 +320,11 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
   onDownload,
 }) => {
   const { classPrefix } = useConfig();
+  const { MirrorIcon, RotationIcon, ImageIcon } = useGlobalIcon({
+    MirrorIcon: TdMirrorIcon,
+    RotationIcon: TdRotationIcon,
+    ImageIcon: TdImageIcon,
+  });
 
   return (
     <div className={`${classPrefix}-image-viewer__utils`}>
@@ -325,7 +335,9 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <ImageModalIcon name="mirror" size="medium" onClick={onMirror} />
+          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={onMirror}>
+            <MirrorIcon size="medium" />
+          </div>
         </TooltipLite>
         <TooltipLite
           className={`${classPrefix}-image-viewer__utils--tip`}
@@ -333,7 +345,9 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <ImageModalIcon name="rotation" size="medium" onClick={onRotate} />
+          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={onRotate}>
+            <RotationIcon size="medium" />
+          </div>
         </TooltipLite>
         <ImageModalIcon size="medium" name="zoom-out" onClick={onZoomOut} />
         <ImageModalIcon
@@ -348,7 +362,9 @@ export const ImageViewerUtils: React.FC<ImageViewerUtilsProps> = ({
           showShadow={false}
           zIndex={zIndex}
         >
-          <ImageModalIcon name="image" size="medium" onClick={onReset} />
+          <div className={`${classPrefix}-image-viewer__modal-icon`} onClick={onReset}>
+            <ImageIcon size="medium" name="image" />
+          </div>
         </TooltipLite>
         {currentImage.download && (
           <ImageModalIcon
diff --git a/packages/components/image-viewer/hooks/useIconMap.ts b/packages/components/image-viewer/hooks/useIconMap.ts
index 2751eb95b9..791c7e058c 100644
--- a/packages/components/image-viewer/hooks/useIconMap.ts
+++ b/packages/components/image-viewer/hooks/useIconMap.ts
@@ -4,7 +4,6 @@ import {
   ChevronRightIcon as TdChevronRightIcon,
   CloseIcon as TdCloseIcon,
   DownloadIcon as TdDownloadIcon,
-  ImageIcon as TdImageIcon,
   MirrorIcon as TdMirrorIcon,
   RotationIcon as TdRotationIcon,
   ZoomInIcon as TdZoomInIcon,
@@ -20,7 +19,6 @@ const useIconMap = () => {
     ChevronRightIcon: TdChevronRightIcon,
     CloseIcon: TdCloseIcon,
     DownloadIcon: TdDownloadIcon,
-    ImageIcon: TdImageIcon,
     MirrorIcon: TdMirrorIcon,
     RotationIcon: TdRotationIcon,
     ZoomInIcon: TdZoomInIcon,
@@ -33,7 +31,6 @@ const useIconMap = () => {
     mirror: Icons.MirrorIcon,
     'zoom-out': Icons.ZoomOutIcon,
     download: Icons.DownloadIcon,
-    image: Icons.ImageIcon,
     'chevron-left': Icons.ChevronLeftIcon,
     'chevron-right': Icons.ChevronRightIcon,
     'chevron-down': Icons.ChevronDownIcon,